网页编辑代码大全!

网页编辑代码大全!

网页编辑代码大全!


http://u.115.com/d/know/ 我上传网络硬盘里了 这是提取码 f4dfba6cd9 f483a4cc01 f49deefec3 f4e32a4437 其中有一个数据库 一个HTML代码 一个JS脚本 再加上一个网站规划

网页内部跳转代码怎么写


a,是anchor(锚)的第一个字母,就是链接啦!
a 标签 -- 代表HTML链接
* a标签是成对出现的,以《a》开始, 《/a》结束
* 属性.
o Common -- 一般属性
o accesskey -- 代表一个链接的快捷键访问方式
o charset -- 指定了链接到的页面所使用的编码方式,比如UTF-8
o coords -- 使用图像地图的时候可以使用此属性定义链接的区域,通常是使用x,y坐标
o href -- 代表一个链接源(就是链接到什么地方)
o hreflang -- 指出了链接到的页面所使用的语言编码
o rel -- 代表文档与链接到的内容(href所指的内容)的关系
o rev -- 代表文档与链接到的内容(href所指的内容)的关系
o shape -- 使用图像地图的时候可以使用shape指定链接区域
o tabindex -- 代表使用“tab“键,遍历链接的顺序
o target -- 用来指出哪个窗口或框架应该被此链接打开
o title -- 代表链接的附加提示信息
o type -- 代表链接的MIME类型
* a,是anchor(锚)的第一个字母

锚的定制:
《!-- 定义一个锚。 --》
《A NAME=“anchor“》锚点《/a》
本页面的一个连接,连接到锚:
《A HREF=“#anchor“》锚《/A》
注意以#开始连接的标记.Ok,到目前点击锚就转到了锚点段落.

急求!!!网页设计 HTML代码大全


HTML标记_HTML大全_HTML标记大全_超文本标记语言
网页(WebPage)文件主要是用超文本标记语言(HyperText Markup Language,简称HTML)语句来写成。您可以通过IE浏览器的“查看”菜单中的“源文件”看到该页的HTML代码。HTML语言由一系列元素(element)组成,用于组织文件的内容和指导文件的输出格式。元素名称不分大小写。一个元素可以有多个属性,属性及其属性值不分大小写。属性名=属性值合起来构成一个完整的属性,一个元素可以有多个属性,各个属性用空格分开。元素又由标记(tag)的构成,大多数标记是成对出现的,分起始标记《 》(start tag)和结尾标记《/ 》(end tag),以便和页面的内容区分开来。其写成的文件是标准的ASCII文件,不同于一般的编程语言,故称为脚本(Script)更准确一点。其实也很简单,特别是在专门的HTML编辑器的帮助下,您可以迅速地学会HTML,并能很快写出有自己特色的Homepage来。
需要说明的是:各种浏览器对html元素及其属性的解释不完全一样,如NC与IE是有区别的。
标 签 内 容备 注
基 本 标 签所有HTML文件都有的
《html》……《/html》表示文件类型为HTML文档
《head》……《/head》设置文档描述及其他不在WEB网页上显示的信息
《body》……《/body》HTML文档的主体(页面的实际内容)
标 题 标 签 
《title》……《/title》在标题栏中显示的题目(放在《head》《/head》内)
扩 展 属 性 标 签 
《base》
基址标签,为解决相对编址作参考
《META》
将HTTP命令发给CONTENT=number;url允许,描述不包含在标准HTML里的文档信息。使用详解
《link》
提供将现行文档与其它文档或实体关联起来的信息
《ISINDEX》指明在服务器上提供文档的可以检索的索引
《style》……《/style》允许包含样式表(CSS)信息
页 面 属 性 标 签《body》……《/body》标签的扩展属性。使用详解
《body bgcolor=#……》设置背景颜色,用名字或十六进制值
《body text=#……》设置文本文字颜色,用名字或十六进制值
《body link=#……》设置链接颜色,用名字或十六进制值
《body vlink=#……》设置已使用的链接的颜色,用名字或十六进制值
《body alink=#……》设置正在被击中链接的颜色,用名字或十六进制值
文 本 标 签 
《pre》……《/pre》创建格式化文本
《h1》……《/h1》创建最大的标题
《h6》……《/h6》创建最小的标题
《b》……《/b》创建黑体字
《i》……《/i》创建斜体字
《tt》……《/tt》创建打字机风格的字体
《cite》……《/cite》创建一个引用,通常是斜体
《em》……《/em》加重(通常是斜体加黑体)
《strong》……《/strong》强调(通常是斜体加黑体)
《font size=value》《/font》设置字体大小,从1到7
《font color=……》《/font》设置字体的颜色,使用名字或十六进制值
链 接 
《a href=“/URL“》《/a》创建一个超链接
《a href=“mailto:EMAIL“》 《/a》创建一个自动发送电子邮件的链接
《a name=“NAME“》《/a》创建一个位于文档内部的靶位
《a href=“#NAME“》《/a》创建一个指向位于文档内部靶位的链接
格 式 排 版 
《p》创建一个新的段落
《p align=……》将段落按左、中、右对齐
《br》插入一个回车换行符
《blockquote》……《/blockquote》 从两边缩进文本
《dl》……《/dl》创建一个定义列表
《dt》放在每个定义术语词之前
《dd》放在每个定义之前
《ol》……《/ol》创建一个标有数字的列表
《li》放在每个数字列表项之前,并加上一个数字
《ul》……《/ul》创建一个标有圆点的列表
《li》放在每个圆点列表项之前,并加上一个圆点
《div align=……》一个用来排版大块HTML段落的标签,也用于格式化表
图 形 元 素 
《img src=“/name“》添加一个图像
《img src=“/name“ align=value》排列对齐一个图像:左中右或上中下
《img src=“/name“ border=value》设置围绕一个图像的边框的大小
《hr》加入一条水平线
《hr size=value》设置水平线的大小(高度)
《hr width=value》设置水平线的宽度(百分比或绝对像素点)
《hr noshade》创建一个没有阴影的水平线
表 格 
《table》……《/table》创建一个表格
《tr》……《/tr》开始表格中的每一行
《td》……《/td》开始一行中的每一个格子
《th》……《/th》设置表格头:一个通常使用黑体居中文字的格子
表 格 属 性 
《table border=value》设置围绕表格的边框的宽度
《table cellspacing=value》设置表格格子之间空间的大小
《table cellpadding=value》设置表格格子边框与其内部内容之间空间的大小
《table width=value 或 %》设置表格的宽度-用绝对像素值或文档总宽度的百分比
《tr align=……》设置表格格子的水平对齐(左中右)
《tr valign=……》设置表格格子的垂直对齐(上中下)
《td colspan=value》设置一个表格格子应跨占的列数(缺省为1)
《td rowspan=value》设置一个表格格子应跨占的行数(缺省为1)
《td nowrap》禁止表格格子内的内容自动断行回卷
窗 框 
《frameset》……《/frameset》放在一个窗框文档的《body》标签之前,也可以嵌在其他窗框文档中
《frameset rows=“value,value“》定义一个窗框内的行数,可以使用绝对像素值或高度的百分比
《frameset cols=“value,value“》定义一个窗框内的列数,可以使用绝对像素值或宽度的百分比
《frame》定义一个窗框内的单一窗或窗区域
《noframes》……《/noframes》定义在不支持窗框的浏览器中显示什么提示
窗 框 属 性 
《frame src=“/URL“》规定窗框内显示什么HTML文档
《frame name=“name“》命名窗框或区域以便别的窗框可以指向它
《frame marginwidth=value》定义窗框左右边缘的空白大小,必须大于等于1
《frame marginheight=value》定义窗框上下边缘的空白大小,必须大于等于1
《frame scrolling=value》设置窗框是否有滚动栏,其值可以是“yes“,“no“,“auto“,缺省时一般为“auto“
《frame noresize》禁止用户调整一个窗框的大小
表 单对于功能性的表单,一般需要运行一个CGI小程序,HTML仅仅是产生表单的表面样子。
《form》……《/form》创建所有表单
《select multiple name=“NAME“ size=value》………《/select》创建一个滚动菜单,size设置在需要滚动前可以看到的表单项数目
《option》设置每个表单项的内容
《select name=“NAME“》……《/select》创建一个下拉菜单
《textarea name=“NAME“ cols=value rows=value》……《/textarea》创建一个文本框区域,列的数目设置宽度,行的数目设置高度
《input type=“checkbox“ name=“NAME“》创建一个复选框,文字在标签后面
《input type=“radio“ name=“NAME“ value=“x“》创建一个单选框,文字在标签后面
《input type=text name=“……“ size=value》创建一个单行文本输入区域,size设置以字符计的宽度
《input type=“submit“ value=“NAME“》创建一个submit(提交)按钮
《input type=“image“ border=0 name=“NAME“ src=“/name.webp“》创建一个使用图象的submit(提交)按钮
《input type=“reset“》创建一个reset(重置)按钮
附 加 属 性 
《PRE》……《/PRE》预置格式风格标签用来显示字体宽度固定的文本块,主要用来在表格格式中显示文本
《TT》……《/TT》打字机风格用来显示打字机字体宽度固定的文本
《SAMP》……《/SAMP》示例风格以单倍距显示文本
《ADDRESS》……《/ADDRESS》地址风格一般用于文档的开始或结尾处,并以斜体格式显示文本。
《DL》……《/DL》定义列表风格用来显示术语及其定义
  
颜色
#=rrggbb 16 进制 RGB 数值,或者是下列预定义色彩:
Black,Olive,Teal,Red,Blue,Maroon,Navy, Gray,Lime,Yellow,white,Silver,Fuchsia,Purple,Green,Aqua[返回本页首部]
META标签
描述不包含在标准HTML里的文档信息。
《META NAME=“keywords“ CONTENT=“yourkeyword“》
《META NAME=“description“ CONTENT=“your homepage’s description“》
本页的关键字和描述。在页面里加上这些定义后,一些搜索引擎就能够让读者根据这些关键字搜索到您的主页,了解你的主页内容。
《META HTTP-EQUIV=“refresh“ CONTENT=“30, URL=new.htm“》
浏览器将在30秒后,自动转到new.htm。您可用它制作一个封面,在若干时间后,自动带读者来到您的目录页。如果URL项没有,浏览器就是刷新本页。这就是WWW聊天室定期刷新的实现原理。
《meta

网页代码大全


《!-- saved from url=(0013)about:internet --》
网页常用HTML代码大全(二)(续)
marquee》...《/marquee》普通卷动
《marquee behavior=slide》...《/marquee》滑动
《marquee behavior=scroll》...《/marquee》预设卷动
《marquee behavior=alternate》...《/marquee》来回卷动 《marquee direction=down》...《/marquee》向下卷动
《marquee direction=up》...《/marquee》向上卷动
《marquee direction=right》《/marquee》向右卷动
《marquee direction=left》《/marquee》向左卷动
《marquee loop=2》...《/marquee》卷动次数
《marquee width=180》...《/marquee》设定宽度
《marquee height=30》...《/marquee》设定高度
《marquee bgcolor=FF0000》...《/marquee》设定背景颜色 《marquee scrollamount=30》...《/marquee》设定卷动距离 《marquee scrolldelay=300》...《/marquee》设定卷动时间
1/54
《!》字体效果
《h1》...《/h1》标题字(最大)
《h6》...《/h6》标题字(最小)
《b》...《/b》粗体字
《strong》...《/strong》粗体字(强调)
《i》...《/i》斜体字
《em》...《/em》斜体字(强调)
《dfn》...《/dfn》斜体字(表示定义)
《u》...《/u》底线
《ins》...《/ins》底线(表示插入文字)
《strike》...《/strike》横线
《s》...《/s》删除线
《del》...《/del》删除线(表示删除)
《kbd》...《/kbd》键盘文字
《tt》...《/tt》 打字体
《xmp》...《/xmp》固定宽度字体(在文件中空白、换行、定位功能有效)
《plaintext》...《/plaintext》固定宽度字体(不执行标记符号)
2/54
《listing》...《/listing》 固定宽度小字体
《font color=00ff00》...《/font》字体颜色
《font size=1》...《/font》最小字体
《font style =font-size:100 px》...《/font》无限增大 《!》区断标记
《hr》水平线
《hr size=9》水平线(设定大小)
《hr width=80%》水平线(设定宽度)
《hr color=ff0000》水平线(设定颜色)
《br》(换行)
《nobr》...《/nobr》水域(不换行)
《p》...《/p》水域(段落)
《center》...《/center》置中
《!》连结格式
《base href=地址》(预设好连结路径)
《a href=地址》《/a》外部连结
《a href=地址 target=_blank》《/a》外部连结(另开新窗口) 《a href=地址 target=_top》《/a》外部连结(全窗口连结)
3/54
《a href=地址 target=页框名》《/a》外部连结(在指定页框连结) 《!》贴图/音乐
《img src=图片地址》贴图
《img src=图片地址 width=180》设定图片宽度
《img src=图片地址 height=30》设定图片高度
《img src=图片地址 alt=提示文字》设定图片提示文字 《img src=图片地址 border=1》设定图片边框
《bgsound src=MID音乐文件地址》背景音乐设定
《!》表格语法
《table aling=left》...《/table》表格位置,置左
《table aling=center》...《/table》表格位置,置中
《table background=图片路径》...《/table》背景图片的URL=就是路径网址
《table border=边框大小》...《/table》设定表格边框大小(使用数字)
《table bgcolor=颜色码》...《/table》设定表格的背景颜色 《table borderclor=颜色码》...《/table》设定表格边框的颜色
4/54
《table borderclordark=颜色码》...《/table》设定表格暗边框的颜色
《table borderclorlight=颜色码》...《/table》设定表格亮边框的颜色
《table cellpadding=参数》...《/table》指定内容与网格线之间的间距(使用数字)
《table cellspacing=参数》...《/table》指定网格线与网格线之间的距离(使用数字)
《table cols=参数》...《/table》指定表格的栏数
《table frame=参数》...《/table》设定表格外框线的显示方式 《table width=宽度》...《/table》指定表格的宽度大小(使用数字)
《table height=高度》...《/table》指定表格的高度大小(使用数字)
《td colspan=参数》...《/td》指定储存格合并栏的栏数(使用数字)
《td rowspan=参数》...《/td》指定储存格合并列的列数(使用数字)
《!》分割窗口

HTML 做一个打开网页代码


html的head区域中加上《script language=“javascript“》 location.replace(“http://192.168.1.201“) 《/script》即可《html》

html代码如下:

《head》

《title》页面跳转《/title》

《script language=“javascript“》 location.replace(“http://192.168.1.201“) 《/script》

《/head》

《body》

《/body》

《/html》

扩展资料:

网页HTML代码大全

文件类型 《HTML》《/HTML》 (放在档案的开头与结尾)

文件主题 《TITLE》《/TITLE》 (必须放在「文头」区块内)

文头 《HEAD》《/HEAD》 (描述性资料,像是「主题」)

文体 《BODY》《/BODY》 (文件本体)

(由浏览器控制的显示风格)

标题 《H?》《/H?》 (从1到6,有六层选择)

标题的对齐 《H? ALIGN=LEFT|CENTER|RIGHT》《/H?》

区分 《DIV》《/DIV》

区分的对齐 《DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY》《/DIV》

引文区块 《BLOCKQUOTE》《/BLOCKQUOTE》 (通常会内缩)

强调 《EM》《/EM》 (通常会以斜体显示)

特别强调 《STRONG》《/STRONG》 (通常会以加粗显示)

引文 《CITE》《/CITE》 (通常会以斜体显示)

码 《CODE》《/CODE》 (显示原始码之用)

样本 《SAMP》《/SAMP》

键盘输入 《KBD》《/KBD》

变数 《VAR》《/VAR》

定义 《DFN》《/DFN》 (有些浏览器不提供)

地址 《ADDRESS》《/ADDRESS》

大字 《BIG》《/BIG》

小字 《SMALL》《/SMALL》

与外观相关的标签(作者自订的表现方式)

加粗 《B》《/B》

斜体 《I》《/I》

底线 《U》《/U》 (尚有些浏览器不提供)

删除线 《S》《/S》 (尚有些浏览器不提供)

下标 《SUB》《/SUB》

上标 《SUP》《/SUP》

打字机体 《TT》《/TT》 (用单空格字型显示)

预定格式 《PRE》《/PRE》 (保留文件中空格的大小)

预定格式的宽度 《PRE WIDTH=?》《/PRE》(以字元计算)

向中看齐 《CENTER》《/CENTER》 (文字与图片都可以)

参考资料来源:HTML-百度百科


一些好的网页代码


1. oncontextmenu=“window.event.returnvalue=false“ 将彻底屏蔽鼠标右键
《table border oncontextmenu=return(false)》《td》no《/table》 可用于Table
2. 《body onselectstart=“return false“》 取消选取、防止复制
3. onpaste=“return false“ 不准粘贴
4. oncopy=“return false;“ oncut=“return false;“ 防止复制
5. 《link rel=“Shortcut Icon“ href=“favicon.ico“》 IE地址栏前换成自己的图标
6. 《link rel=“Bookmark“ href=“favicon.ico“》 可以在收藏夹中显示出你的图标
7. 《input style=“ime-mode:disabled“》 关闭输入法
8. 永远都会带着框架
《script language=“javascript“》《!--
if (window == top)top.location.href = “frames.htm“; //frames.htm为框架网页
// --》《/script》
9. 防止被人frame
《SCRIPT LANGUAGE=javascript》《!--
if (top.location != self.location)top.location=self.location;
// --》《/SCRIPT》
10. 《noscript》《iframe src=*.html》《/iframe》《/noscript》 网页将不能被另存为
11. 《input type=button value=查看网页源代码
onclick=“window.location = ’view-source:’+ ’支持向前或向后移动
Const adLockReadOnly = 1 ’锁定类型,默认的,只读,不能作任何修改
Const adLockPessimistic = 2 ’当编辑时立即锁定记录,最安全的方式
Const adLockOptimistic = 3 ’只有在调用Update方法时才锁定记录集,而在此前的其他操作仍可对当前记录进行更改、插入和删除等
Const adLockBatchOptimistic = 4 ’当编辑时记录不会被锁定,而更改、插入和删除是在批处理方式下完成的
Const adCmdText = &H0001
Const adCmdTable = &H0002
%》
18. 网页不会被缓存
HTM网页
《META HTTP-EQUIV=“pragma“ CONTENT=“no-cache“》
《META HTTP-EQUIV=“Cache-Control“ CONTENT=“no-cache, must-revalidate“》
《META HTTP-EQUIV=“expires“ CONTENT=“Wed, 26 Feb 1997 08:21:57 GMT“》
或者《META HTTP-EQUIV=“expires“ CONTENT=“0“》
ASP网页
Response.Expires = -1
Response.ExpiresAbsolute = Now() - 1
Response.cachecontrol = “no-cache“
PHP网页
header(“Expires: Mon, 26 Jul 1997 05:00:00 GMT“);
header(“Cache-Control: no-cache, must-revalidate“);
header(“Pragma: no-cache“);
19. 检查一段字符串是否全由数字组成
《script language=“javascript“》《!--
function checkNum(str){return str.match(/\D/)==null}
alert(checkNum(“1232142141“))
alert(checkNum(“123214214a1“))
// --》《/script》
20. 获得一个窗口的大小
document.body.clientWidth,document.body.clientHeight
21. 怎么判断是否是字符
if (/[^\x00-\xff]/g.test(s)) alert(“含有汉字“);
else alert(“全是字符“);
22.TEXTAREA自适应文字行数的多少
《textarea rows=1 name=s1 cols=27 onpropertychange=“this.style.posHeight=this.scrollHeight“》
《/textarea》
23. 日期减去天数等于第二个日期
《script language=javascript》
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + “年“ + (a.getMonth() + 1) + “月“ + a.getDate() + “日“)
}
cc(“12/23/2002“,2)
《/script》
24. 选择了哪一个Radio
《HTML》《script language=“vbscript“》
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
《/script》《BODY》
《INPUT name=“radio1“ type=“radio“ value=“style“ checked》Style
《INPUT name=“radio1“ type=“radio“ value=“barcode“》Barcode
《INPUT type=“button“ value=“check“ onclick=“checkme()“》
《/BODY》《/HTML》
25.获得本页url的request.servervariables(““)集合
Response.Write “《TABLE border=1》《!-- Table Header --》《TR》《TD》《B》Variables《/B》《/TD》《TD》《B》value《/B》《/TD》《/TR》“
for each ob in Request.ServerVariables
Response.Write “《TR》《TD》“&ob&“《/TD》《TD》“&Request.ServerVariables(ob)&“《/TD》《/TR》“
next
Response.Write “《/TABLE》“
26.
本机ip《%=request.servervariables(“remote_addr“)%》
服务器名《%=Request.ServerVariables(“SERVER_NAME“)%》
服务器IP《%=Request.ServerVariables(“LOCAL_ADDR“)%》
服务器端口《%=Request.ServerVariables(“SERVER_PORT“)%》
服务器时间《%=now%》
IIS版本《%=Request.ServerVariables“SERVER_SOFTWARE“)%》
脚本超时时间《%=Server.ScriptTimeout%》
本文件路径《%=server.mappath(Request.ServerVariables(“SCRIPT_NAME“))%》
服务器CPU数量《%=Request.ServerVariables(“NUMBER_OF_PROCESSORS“)%》
服务器解译引擎《%=ScriptEngine & “/“& ScriptEngineMajorVersion &“.“&ScriptEngineMinorVersion&“.“& ScriptEngineBuildVersion %》
服务器操作系统《%=Request.ServerVariables(“OS“)%》
27.ENTER键可以让光标移到下一个输入框
《input onkeydown=“if(event.keyCode==13)event.keyCode=9“》
28. 检测某个网站的链接速度
把如下代码加入《body》区域中:
《script language=javascript》
tim=1
setInterval(“tim++“,100)
b=1
var autourl=new Array()
autourl=“www.njcatv.net“
autourl=“javacool.3322.net“
autourl=“www.sina.com.cn“
autourl=“www.nuaa.edu.cn“
autourl=“www.cctv.com“
function butt(){
document.write(“《form name=autof》“)
for(var i=1;i《autourl.length;i++)
document.write(“《input type=text name=txt“+i+“ size=10 value=测试中……》 =》《input type=text name=url“+i+“ size=40》 =》《input type=button value=GO onclick=window.open(this.form.url“+i+“.value)》《br/》“)
document.write(“《input type=submit value=刷新》《/form》“)
}
butt()
function auto(url){
document.forms[“url“+b].value=url
if(tim》200)
{document.forms[“txt“+b].value=“链接超时“}
else
{document.forms[“txt“+b].value=“时间“+tim/10+“秒“}
b++
}
function run(){for(var i=1;i《autourl.length;i++)document.write(“《img src=http://“+autourl[i]+“/“+Math.random()+“ width=1 height=1 onerror=auto(’http://“;;+autourl[i]+“’)》“)}
run()《/script》
29. 各种样式的光标
auto :标准光标
default :标准箭头
hand :手形光标
wait :等待光标
text :I形光标
vertical-text :水平I形光标
no-drop :不可拖动光标
not-allowed :无效光标
help :?帮助光标
all-scroll :三角方向标
move :移动标
crosshair :十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize

用javascript编写一段网页代码


《html》
《head》
《title》javaScript 测试《/title》
《script type=“text/javascript“》
// 显示/隐藏处理
function setVisible(id, visible) {
if(elem = document.getElementById(id)) {
elem.style.visibility = visible ? ’visible’ : ’hidden’;
}
}
window.onload = function() {
// 根据文档类型判断查询段设置是否可见
var visible = false; //这儿是需要你自己实现
setVisible(’target’, visible);
}
《/script》
《/head》
《body 》
《div id=“target“》
已经编辑好的查询段
《/div》
《/body》
《/html》

网页设计中常用的javascript脚本有哪些


  • $(“a[href=’#top’]”).click(function() {   

  • $(“html, body”).animate({ scrollTop: 0 }, “slow”);   

  • return false;   

  • });  

  • 复制以上代码放在网页的JavaScript标签中,然后在底部添加一个id为“top”的链接就会自动返回到顶部了。

    2、复制表单顶部标题到底部:

  • var $tfoot = $(‘《tfoot》《/tfoot》’);   

  • $($(‘thead’).clone(true, true).children().get().reverse()).each(function(){   

  • $tfoot.append($(this));   

  • });   

  • $tfoot.insertAfter(‘table thead’);  

  • 3、载入额外的内容:

  • $(“#content”).load(“somefile.html”, function(response, status, xhr) {   

  • // error handling   

  • if(status == “error”) {   

  • $(“#content”).html(“An error occured: “ + xhr.status + ” “ + xhr.statusText);   

  • }   

  • });  

  • 有时候需要为单独的一个div层从外部载入一些额外的数据内容,下面这段短码将会非常有用。

    4、设置多列层等高:

  • var maxheight = 0;   

  • $(“div.col”).each(function(){   

  • if($(this).height() 》 maxheight) { maxheight = $(this).height(); }   

  • });   

  • $(“div.col”).height(maxheight);  

  • 在一些布局设计中,有时候需要让两个div层高度相当,下面是采用js方法实现的原理(需要等高的div层设置class为”col”)。

    5、定时刷新部分页面的内容:

  • setInterval(function() {   

  • $(“#refresh”).load(location.href+” #refresh》*”,“”);   

  • }, 10000); // milliseconds to wait  

  • 如果在你的网页上需要定时的刷新一些内容,例如微博消息或者实况转播,为了不让用户繁琐的刷新整个页面,可以采用下面这段代码来定时刷新部分页面内容。

    6、预载入图像:

  • $.preloadImages = function() {   

  • for(var i = 0; i《arguments.length; i++) {   

  • $(“《img /》”).attr(“src”, arguments[i]);   

  • }   

  • }   

  • $(document).ready(function() {   

  • $.preloadImages(“hoverimage1.webp”,“hoverimage2.webp”);   

  • });  

  • 有些网站页面打开图像都未载入完毕,还要苦苦等待。下面这段代码实现图像都载入完毕后再打开整个网页。

    7、测试密码强度:
    这个比较给力,现在很多网站注册的时候都加入了密码强度测试功能,以下代码也简单提供了密码强度测试功能。

    HTML代码部分:

  • 《input type=“password” name=“pass” id=“pass” /》  

  • 《span id=“passstrength”》《/span》  

  • JavaScript脚本代码:

  • $(‘#pass’).keyup(function(e) {   

  • var strongRegex = new RegExp(“^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*)(?=.*\\W).*$”, “g”);   

  • var mediumRegex = new RegExp(“^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*))|((?=.*[a-z])(?=.*))).*$”, “g”);   

  • var enoughRegex = new RegExp(“(?=.{6,}).*”, “g”);   

  • if (false == enoughRegex.test($(this).val())) {   

  • $(‘#passstrength’).html(‘More Characters’);   

  • } else if (strongRegex.test($(this).val())) {   

  • $(‘#passstrength’).className = ‘ok’;   

  • $(‘#passstrength’).html(‘Strong!’);   

  • } else if (mediumRegex.test($(this).val())) {   

  • $(‘#passstrength’).className = ‘alert’;   

  • $(‘#passstrength’).html(‘Medium!’);   

  • } else {   

  • $(‘#passstrength’).className = ‘error’;   

  • $(‘#passstrength’).html(‘Weak!’);   

  • }   

  • return true;   

  • });  

  • 8、自适应缩放图像:
    有时候网站上传的图像需要填充整个指定区域,但是有时候图像比例并不恰好合适,缩放后效果不好。一下代码就实现了检测图像比例然后做适当的缩放功能。

  • $(window).bind(“load”, function() {   

  • // IMAGE RESIZE   

  • $(‘#product_cat_list img’).each(function() {   

  • var maxWidth = 120;   

  • var maxHeight = 120;   

  • var ratio = 0;   

  • var width = $(this).width();   

  • var height = $(this).height();   

  • if(width 》 maxWidth){   

  • ratio = maxWidth / width;   

  • $(this).css(“width”, maxWidth);   

  • $(this).css(“height”, height * ratio);   

  • height = height * ratio;   

  • }   

  • var width = $(this).width();   

  • var height = $(this).height();   

  • if(height 》 maxHeight){   

  • ratio = maxHeight / height;   

  • $(this).css(“height”, maxHeight);   

  • $(this).css(“width”, width * ratio);   

  • width = width * ratio;   

  • }   

  • });   

  • //$(“#contentpage img”).show();   

  • // IMAGE RESIZE   

  • });  

  • 9、自动载入内容:
    现在很多网站,特别是微博,都不需要翻页的按钮了,直接下拉后会自动载入内容。下面的脚本就是简单实现了个这种效果。

  • var loading = false;   

  • $(window).scroll(function(){   

  • if((($(window).scrollTop()+$(window).height())+250)》=$(document).height()){   

  • if(loading == false){   

  • loading = true;   

  • $(‘#loadingbar’).css(“display”,“block”);   

  • $.get(“load.php?start=”+$(‘#loaded_max’).val(), function(loaded){   

  • $(‘body’).append(loaded);   

  • $(‘#loaded_max’).val(parseInt($(‘#loaded_max’).val())+50);   

  • $(‘#loadingbar’).css(“display”,“none”);   

  • loading = false;   

  • });   

  • }   

  • }   

  • });   

  • $(document).ready(function() {   

  • $(‘#loaded_max’).val(50);   

  • });  


javascript收藏网页,设为主页,关闭网页,弹出对话框的脚本代码各是什么


window.external.AddFavorite(location.href,document.title);加入收藏
this.setHomePage
(’http://www.aaa.com’);设为首页
self.close();关闭网页
alert(“文字信息“);
弹出对话框

求JavaScript实现网页代码


是不是图片切换啊
《html》
《head》
《meta http-equiv=“Content-Type“ content=“text/html; charset=gb2312“》
《title》多张图片轮换广告《/title》
《script language=“JavaScript“》
var NowFrame = 1; //定义当前图片
var MaxFrame = 3; //定义图片张数
function show() {
var next = NowFrame + 1;
if(next == MaxFrame+1)
{
NowFrame = MaxFrame;
next = 1;
}
{
document.getElementById(’div’+next).style.display = “block“;
document.getElementById(’div’+NowFrame).style.display = “none“;
if(NowFrame == MaxFrame)
NowFrame = 1; //当前图序列号最大时,设当前图序号为1,重新开始轮换显示
else
NowFrame++;
}
setTimeout(’show()’, 2000);
}
《/script》
《/head》

《body onLoad=“show()“》
《div align=“center“》
《img src=“1.webp“ style=“display:block;“ id=“div1“》
《img src=“2.webp“ style=“display:none;“ id=“div2“》
《img src=“3.webp“ style=“display:none;“ id=“div3“》
《/div》
《/body》
《/html》
这是3张图片的6张的同理 改一下数字稍微动一下代码就行
这个答案可以吗?

免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部