javaScript标签全称与插件

最新推荐文章于 2023-07-17 10:00:00 发布

之子于归--

最新推荐文章于 2023-07-17 10:00:00 发布

阅读量1k

点赞数

分类专栏： js 文章标签： javascript 标签插件 html

js 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

本文来自:http://blog.csdn.net/hzw05103020/article/details/46952625

HTML标签	英文全称	中文释义
a	Anchor	锚
abbr	Abbreviation	缩写词
acronym	Acronym	取首字母的缩写词
address	Address	地址
dfn	Defines a Definition Term	定义定义条目
kbd	Keyboard	键盘（文本）
samp	Sample	示例（文本
var	Variable	变量（文本）
tt	Teletype	打印机（文本）
code	Code	源代码（文本）
pre	Preformatted	预定义格式（文本）
blockquote	Block Quotation	区块引用语
cite	Citation	引用
q	Quotation	引用语
strong	Strong	加重（文本）
em	Emphasized	加重（文本）
b	Bold	粗体（文本）
i	Italic	斜体（文本）
big	Big	变大（文本）
small	Small	变小（文本）
sup	Superscripted	上标（文本）
sub	Subscripted	下标（文本）
bdo	Direction of Text Display	文本显示方向
br	Break	换行
center	Centered	居中（文本）
font	Font	字体
u	Underlined	下划线（文本）
s/ strike	Strikethrough	删除线
div	Division	分隔
span	Span	范围
ol	Ordered List	排序列表
ul	Unordered List	不排序列表
li	List Item	列表项目
dl	Definition List	定义列表
dt	Definition Term	定义术语
dd	Definition Description	定义描述
del	Deleted	删除（的文本）
ins	Inserted	插入（的文本）
h1~h6	Header 1 to Header 6	标题1到标题6
p	Paragraph	段落
hr	Horizontal Rule	水平尺
href	hypertext reference	超文本引用
alt	alter	替用(一般是图片显示不出的提示)
src	Source	源文件链接
cell	cell	单元格
cellpadding	Cellpadding（pad垫补）	单元格的边框与其内部的文字之间的空间大小
cellspacing	Cellspacing（space空间）	单元格空间之间的空间大小
nl	navigation lists	导航列表
tr	table row	表格中的一行
th	table header cell	表格中的表头
td	table data cell	表格中的一个单元格

√JavaScript标签

window

↑页面顶部

window.closed˜˜˜˜˜˜˜˜˜˜关闭一个已打开的窗口。
window.defaultStatus˜˜˜设置或返回窗口状态栏中的默认文本。
window.length˜˜˜˜˜˜˜˜˜˜设置或返回窗口中的框架数量。
window.name˜˜˜˜˜˜˜˜˜˜˜窗口的名称
window.opener˜˜˜˜˜˜˜˜˜返回的是一个窗口对象
window.status˜˜˜˜˜˜˜˜˜˜指窗口下方的“状态栏”所显示的内容

window.alert()˜˜˜˜˜˜˜˜˜˜˜弹出一个只包含“确定”按钮的对话框
window.blur()˜˜˜˜˜˜˜˜˜˜˜˜使焦点从窗口移走，窗口变为“非活动窗口”。
window.clearInterval()˜˜˜取消由 setInterval() 设置的 timeout
window.clearTimeout()˜˜˜取消由 setTimeout() 方法设置的 timeout。
window.close()˜˜˜˜˜˜˜˜˜˜关闭浏览器窗口。
window.confirm()˜˜˜˜˜˜˜˜弹出一个包含“确定”和“取消”按钮的对话框
window.focus()˜˜˜˜˜˜˜˜˜˜是窗口获得焦点，变为“活动窗口”。
window.moveBy()˜˜˜˜˜˜˜˜可相对窗口的当前坐标把它移动指定的像素。
window.moveTo()˜˜˜˜˜˜˜˜把窗口的左上角移动到一个指定的坐标。
window.open()˜˜˜˜˜˜˜˜˜˜打开一个新的浏览器窗口或查找一个已命名的窗口。
window.prompt()˜˜˜˜˜˜˜˜弹出一个包含“确认”“取消”和一个文本框的对话框文字
window.resizeBy()˜˜˜˜˜˜˜使窗口调整大小
window.resizeTo()˜˜˜˜˜˜˜使窗口调整大小
window.scroll()˜˜˜˜˜˜˜˜˜˜使窗口滚动
window.scrollBy()˜˜˜˜˜˜˜˜按照指定的像素值来滚动内容。
window.scrollTo()˜˜˜˜˜˜˜˜把内容滚动到指定的坐标。
window.setInterval()˜˜˜˜˜按照指定的周期（以毫秒计）来调用函数或计算表达式。
window.setTimeout()˜˜˜˜在指定的毫秒数后调用函数或计算表达式。

document

↑页面顶部

document.alinkColor˜˜˜˜˜˜˜˜˜指<body>标记的 alink 属性所表示的活动连接颜色。
document.bgColor˜˜˜˜˜˜˜˜˜˜˜指<body>标记的 bgcolor 属性所表示的背景颜色
document.cookie˜˜˜˜˜˜˜˜˜˜˜˜设置或返回与当前文档有关的所有 cookie。
document.domain˜˜˜˜˜˜˜˜˜˜˜˜返回当前文档的域名。
document.fgColor˜˜˜˜˜˜˜˜˜˜˜指<body>标记的 text 属性所表示的文本颜色。
document.lastModified˜˜˜˜˜˜˜当前文档的最后修改日期，是一个 Date 对象。
document.linkColor˜˜˜˜˜˜˜˜˜˜指<body>标记的 link 属性所表示的连接颜色。
document.location˜˜˜˜˜˜˜˜˜˜˜设定、参照URL
document.referrer˜˜˜˜˜˜˜˜˜˜˜如果当前文档是通过点击连接打开的，则 referrer 返回原来的 URL。
document.title˜˜˜˜˜˜˜˜˜˜˜˜˜˜指<head>标记里用<title>...</title>定义的文字
document.URL˜˜˜˜˜˜˜˜˜˜˜˜˜˜返回当前文档的 URL。
document.vlinkColor˜˜˜˜˜˜˜˜˜指<body>标记的 vlink 属性所表示的已访问连接颜色。
document.clear()˜˜˜˜˜˜˜˜˜˜˜˜清空当前文档
document.close()˜˜˜˜˜˜˜˜˜˜˜˜关闭文档，停止写入数据。
document.open()˜˜˜˜˜˜˜˜˜˜˜˜打开文档以便 javascript 能向文档的当前位置（指插入 JavaScript 的位置）
document.write()˜˜˜˜˜˜˜˜˜˜˜˜向文档写入数据
document.writeln()˜˜˜˜˜˜˜˜˜˜向文档写入数据,写入数据以后会加一个换行

frame

↑页面顶部

frames.length˜˜˜˜˜˜˜˜˜˜˜˜˜˜设置或返回窗口中的框架数量。
框架名.location˜˜˜˜˜˜˜˜˜用于窗口或框架的 Location 对象
框架名.name˜˜˜˜˜˜˜˜˜˜˜设置或返回窗口的名称。
parent.框架名˜˜˜˜˜˜˜˜˜˜返回父窗口。
self.框架名˜˜˜˜˜˜˜˜˜˜˜˜˜返回对当前窗口的引用。等价于 Window 属性。
top.框架名˜˜˜˜˜˜˜˜˜˜˜˜˜˜返回最顶层的先辈窗口。

框架名.alert()˜˜˜˜˜˜˜˜˜˜˜显示带有一段消息和一个确认按钮的警告框。
框架名.blur()˜˜˜˜˜˜˜˜˜˜˜˜把键盘焦点从顶层窗口移开。
框架名.clearInterval()˜˜˜˜取消由 setInterval() 设置的 timeout。
框架名.clearTimeout()˜˜˜取消由 setTimeout() 方法设置的 timeout。
框架名.confirm()˜˜˜˜˜˜˜˜显示带有一段消息以及确认按钮和取消按钮的对话框。
框架名.focus()˜˜˜˜˜˜˜˜˜˜把键盘焦点给予一个窗口。
框架名.prompt()˜˜˜˜˜˜˜˜显示可提示用户输入的对话框。
框架名.setInterval()˜˜˜˜˜˜按照指定的周期（以毫秒计）来调用函数或计算表达式。
框架名.setTimeout()˜˜˜˜˜在指定的毫秒数后调用函数或计算表达式。

history

↑页面顶部

history.length˜˜˜˜˜˜历史的项数

history.back()˜˜˜˜˜˜ 后退，跟按下“后退”键是等效的。
history.forward()˜˜˜ 前进，跟按下“前进”键是等效的
history.go()˜˜˜˜˜˜˜˜在历史的范围内去到指定的一个地址

location

↑页面顶部

location.hash˜˜˜˜˜˜˜˜˜返回“#”以及以后的内容
location.host˜˜˜˜˜˜˜˜˜返回主机名和端口号
location.hostname˜˜˜˜返回地址的主机名
location.href˜˜˜˜˜˜˜˜˜返回完整地址
location.pathname˜˜˜˜返回路径名
location.port˜˜˜˜˜˜˜˜˜返回地址的端口号
location.protocol˜˜˜˜˜返回地址的协议
location.search˜˜˜˜˜˜返回“˜”以及以后的内容

location.reload()˜˜˜˜˜˜相当于按浏览器上的“刷新”
location.replace()˜˜˜˜打开一个 URL，并取代历史对象中当前位置的地址。

anchor

↑页面顶部

document.anchors.length˜˜˜˜返回HTML中锚的个数

applet

↑页面顶部

document.applets.length˜˜˜˜返回HTML中Java小程序的个数

form

↑页面顶部

document.表单名.action˜˜˜˜˜˜返回/设定表单的提交地址
document.表单名.encoding˜˜˜˜返回/设定表单提交内容的编码方式
document.forms.length˜˜˜˜˜˜˜˜˜˜返回表单中内容的大小
document.表单名.length˜˜˜˜˜返回该表单所含元素的数目
document.表单名.method˜˜˜˜返回/设定表单的提交方法
document.表单名.name˜˜˜˜˜返回表单的名称
document.表单名.target˜˜˜˜返回/设定表单提交后返回的窗口

document.表单名.reset()˜˜˜˜˜˜重置表单
document.表单名.submit()˜˜˜˜提交表单

image

↑页面顶部

document.对象名.border˜˜˜˜˜˜˜设置或返回图像周围的边框。
document.对象名.complete˜˜˜˜返回浏览器是否已完成对图像的加载。
document.对象名.height˜˜˜˜˜˜设置或返回图像的高度。
document.对象名.hspace˜˜˜˜˜˜设置或返回图像左侧和右侧的空白。
document.对象名.length˜˜˜˜˜˜返回图像的大小
document.对象名.lowsrc˜˜˜˜设置或返回指向图像的低分辨率版本的 URL。
document.对象名.name˜˜˜˜˜˜设置或返回图像的名称。
document.对象名.src˜˜˜˜˜˜˜˜设置或返回图像的 URL。
document.对象名.vspace˜˜˜˜设置或返回图像的顶部和底部的空白。
document.对象名.width˜˜˜˜˜˜设置或返回图像的宽度。

link

↑页面顶部

document.links.hash˜˜˜˜˜˜˜˜返回“#”以及以后的内容
document.links.host˜˜˜˜˜˜˜˜˜返回主机名和端口号
document.links.hostname˜˜˜˜返回主机名
document.links.href˜˜˜˜˜˜˜˜˜返回整个地址
document.links.length˜˜˜˜˜˜˜˜返回地址的个数
document.links.pathname˜˜˜˜返回路径名
document.links.port˜˜˜˜˜˜˜˜˜˜返回地址的端口号
document.links.protocol˜˜˜˜返回地址的协议
document.links.search˜˜˜˜˜˜返回“˜”以及以后的内容
document.links.target˜˜˜˜˜˜设置或返回在何处打开表单中的 action-URL

array

↑页面顶部

队列名.length˜˜˜˜˜˜˜˜设置或返回数组中元素的数目

队列名.concat()˜˜˜˜连接两个或更多的数组，并返回结果。
队列名.pop()˜˜˜˜˜˜˜˜删除并返回数组的最后一个元素
队列名.push()˜˜˜˜˜˜˜向数组的末尾添加一个或更多元素，并返回新的长度。
队列名.reverse()˜˜˜˜颠倒数组中元素的顺序。
队列名.shift()˜˜˜˜˜˜˜删除并返回数组的第一个元素
队列名.slice()˜˜˜˜˜˜从某个已有的数组返回选定的元素
队列名.sort()˜˜˜˜˜˜˜˜对数组的元素进行排序
队列名.splice()˜˜˜˜˜˜删除元素，并向数组添加新元素。
队列名.unshift()˜˜˜˜˜向数组的开头添加一个或更多元素，并返回新的长度。

boolean

↑页面顶部

boolean˜˜˜˜˜˜˜˜真假

date

↑页面顶部

日期名.getDate()˜˜˜˜˜˜从 Date 对象返回一个月中的某一天 (1 ~ 31)。
日期名.getDay()˜˜˜˜˜˜˜˜从 Date 对象返回一周中的某一天 (0 ~ 6)。
日期名.getFullYear()˜˜˜˜从 Date 对象以四位数字返回年份。
日期名.getHours()˜˜˜˜˜˜返回 Date 对象的小时 (0 ~ 23)。
日期名.getMilliseconds()˜˜˜˜返回 Date 对象的毫秒(0 ~ 999)。
日期名.getMinutes()˜˜˜˜˜˜返回 Date 对象的分钟 (0 ~ 59)。
日期名.getMonth()˜˜˜˜˜˜˜˜从 Date 对象返回月份 (0 ~ 11)。
日期名.getSeconds()˜˜˜˜˜˜返回 Date 对象的秒数 (0 ~ 59)。
日期名.getTime()˜˜˜˜˜返回 1970 年 1 月 1 日至今的毫秒数。
日期名.getTimezoneOffset()˜˜˜˜返回本地时间与格林威治标准时间 (GMT) 的分钟差。
日期名.getUTCDate()˜˜˜˜˜˜˜˜˜根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。
日期名.getUTCDay()˜˜˜˜˜˜˜˜˜˜根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。
日期名.getUTCFullYear()˜˜˜˜根据世界时从 Date 对象返回四位数的年份。
日期名.getUTCHours()˜˜˜˜˜˜˜˜根据世界时返回 Date 对象的小时 (0 ~ 23)。
日期名.getUTCMinutes()˜˜˜˜˜˜根据世界时返回 Date 对象的分钟 (0 ~ 59)。
日期名.getUTCMonth()˜˜˜˜˜˜根据世界时从 Date 对象返回月份 (0 ~ 11)。
日期名.getUTCSeconds()˜˜˜˜根据世界时返回 Date 对象的秒钟 (0 ~ 59)。
日期名.getYear()˜˜˜˜˜˜˜˜请使用 getFullYear() 方法代替。
date.parse()˜˜˜˜˜˜˜˜˜˜˜˜˜˜返回1970年1月1日午夜到指定日期（字符串）的毫秒数
日期名.setDate()˜˜˜˜˜˜设置 Date 对象中月的某一天 (1 ~ 31)。
日期名.setFullYear()˜˜˜˜设置 Date 对象中的年份（四位数字）。
日期名.setHours()˜˜˜˜˜˜设置 Date 对象中的小时 (0 ~ 23)。
日期名.setMilliseconds()˜˜˜˜设置 Date 对象中的秒钟 (0 ~ 59)。
日期名.setMinutes()˜˜˜˜˜˜˜˜设置 Date 对象中的分钟 (0 ~ 59)。
日期名.setMonth()˜˜˜˜˜˜˜˜˜˜设置 Date 对象中月份 (0 ~ 11)。
日期名.setSeconds()˜˜˜˜˜˜˜˜设置 Date 对象中的秒钟 (0 ~ 59)。
日期名.setTime()˜˜˜˜˜˜˜˜以毫秒设置 Date 对象。
日期名.setUTCDate()˜˜˜˜˜˜˜˜根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。
日期名.setUTCFullYear()˜˜˜˜根据世界时设置 Date 对象中的年份（四位数字）。
日期名.setUTCHours()˜˜˜˜˜˜根据世界时设置 Date 对象中的小时 (0 ~ 23)。
日期名.setUTCMilliseconds()˜˜˜˜根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。
日期名.setUTCMinutes()˜˜˜˜˜˜根据世界时设置 Date 对象中的分钟 (0 ~ 59)。
日期名.setUTCMonth()˜˜˜˜˜˜根据世界时设置 Date 对象中的月份 (0 ~ 11)。
日期名.setUTCSeconds()˜˜˜˜根据世界时设置 Date 对象中的秒钟 (0 ~ 59)。
日期名.setYear()˜˜˜˜˜˜˜˜˜˜˜˜请使用 setFullYear() 方法代替。
日期名.toGMTString()˜˜˜˜˜˜˜˜请使用 toUTCString() 方法代替。
日期名.toLocaleString()˜˜˜˜˜˜根据本地时间格式，把 Date 对象转换为字符串。
日期名.toUTCString()˜˜˜˜˜˜˜˜根据世界时，把 Date 对象转换为字符串。
date.UTC()˜˜˜˜˜˜˜˜˜˜˜˜˜˜根据世界时返回 1997 年 1 月 1 日到指定日期的毫秒数。

math

↑页面顶部

math.E˜˜˜˜˜˜˜˜˜˜返回算术常量 e，即自然对数的底数（约等于2.718）。
math.LN10˜˜˜˜˜˜返回 10 的自然对数（约等于2.302）。
math.LN2˜˜˜˜˜˜˜˜返回 2 的自然对数（约等于0.693）。
math.LOG10E˜˜˜˜返回以 10 为底的 e 的对数（约等于0.434）。
math.LOG2E˜˜˜˜˜˜返回以 2 为底的 e 的对数（约等于 1.414）。
math.PI˜˜˜˜˜˜˜˜˜˜返回圆周率（约等于3.14159）。）
math.SQRT1_2˜˜˜˜返回返回 2 的平方根的倒数（约等于 0.707）。
math.SQRT2˜˜˜˜˜˜返回 2 的平方根（约等于 1.414）。

math.abs()˜˜˜˜˜˜˜˜返回数的绝对值。
math.acos()˜˜˜˜˜˜返回数的反余弦值。
math.asin()˜˜˜˜˜˜返回数的反正弦值。
math.atan()˜˜˜˜˜˜以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。
math.ceil()˜˜˜˜˜˜对数进行上舍入。
math.cos()˜˜˜˜˜˜返回数的余弦。
math.exp()˜˜˜˜˜˜返回 e 的指数。
math.floor()˜˜˜˜对数进行下舍入。
math.log()˜˜˜˜˜˜返回数的自然对数（底为e）。
math.max()˜˜˜˜˜˜返回 x 和 y 中的最高值。
math.min()˜˜˜˜˜˜返回 x 和 y 中的最低值。
math.pow()˜˜˜˜˜˜返回 x 的 y 次幂。べき乗
math.random()˜˜˜˜返回 0 ~ 1 之间的随机数。
math.round()˜˜˜˜˜˜把数四舍五入为最接近的整数。
math.sin()˜˜˜˜˜˜返回数的正弦。
math.sqrt()˜˜˜˜˜˜返回数的平方根。
math.tan()˜˜˜˜˜˜˜˜返回角的正切。

navigator

↑页面顶部

navigator.appCodeName˜˜˜˜˜˜返回浏览器的代码名。返回浏览器的“码名”(˜)，流行的 IE 和 NN 都返回 'Mozilla'。
navigator.appName˜˜˜˜˜˜˜˜˜˜返回浏览器的名称。返回浏览器名。IE 返回 'Microsoft Internet Explorer'，NN 返回 'Netscape'。
navigator.appVersion˜˜˜˜˜˜˜˜返回浏览器的平台和版本信息。返回浏览器版本，包括了大版本号、小版本号、语言、操作平台等信息。
navigator.browserLanguage˜˜˜˜返回当前浏览器的语言
navigator.language˜˜˜˜˜˜˜˜˜˜˜˜返回当前浏览器的语言。。
navigator.platform˜˜˜˜˜˜˜˜˜˜返回运行浏览器的操作系统平台。返回浏览器的操作平台，对于 Windows 9x 上的浏览器，返回 'Win32'（大小写可能有差异）。
navigator.userAgent˜˜˜˜˜˜˜˜ 返回由客户机发送服务器的 user-agent 头部的值。返回以上全部信息。

navigator.javaEnabled()˜˜˜˜˜˜返回一个布尔值，代表当前浏览器允许不允许 Java。

number

↑页面顶部

number.MAX_VALUE˜˜˜˜˜˜˜˜˜˜可表示的最大的数。
number.MIN_VALUE˜˜˜˜˜˜˜˜˜˜可表示的最小的数。
number.NaN˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜˜非数字值。
number.NEGATIVE_INFINITY˜˜˜˜负无穷大，溢出时返回该值。
number.POSITIVE_INFINITY˜˜˜˜正无穷大，溢出时返回该值。

object

↑页面顶部

object.unwatch()˜˜˜˜˜˜指定对象监视中止
object.watch()˜˜˜˜˜˜˜˜指定监视对象

regexp

↑页面顶部

regexp.$1～$9˜˜˜˜˜˜˜˜参照字符串
regexp.global˜˜˜˜˜˜˜˜˜˜RegExp 对象是否具有标志 g。
regexp.ignoreCase˜˜˜˜RegExp 对象是否具有标志 i。
regexp.lastIndex˜˜˜˜˜˜一个整数，标示开始下一次匹配的字符位置。
regexp.lastMatch˜˜˜˜˜˜返回最后的字符串匹配。
regexp.multiline˜˜˜˜˜˜˜˜RegExp 对象是否具有标志 m。
regexp.source˜˜˜˜˜˜˜˜˜˜正则表达式的源文本。

regexp.compile()˜˜˜˜˜˜˜˜编译正则表达式。
regexp.exec()˜˜˜˜˜˜˜˜˜˜检索字符串中指定的值。返回找到的值，并确定其位置。
regexp.test()˜˜˜˜˜˜˜˜检索字符串中指定的值。返回 true 或 false。

screen

↑页面顶部

screen.availHeight˜˜˜˜˜˜返回显示屏幕的高度 (除 Windows 任务栏之外)。
screen.availWidth˜˜˜˜˜˜返回显示屏幕的宽度 (除 Windows 任务栏之外)。
screen.colorDepth˜˜˜˜˜˜返回目标设备或缓冲器上的调色板的比特深度。
screen.height˜˜˜˜˜˜˜˜˜˜返回显示屏幕的高度。
screen.pixelDepth˜˜˜˜˜˜返回显示屏幕的颜色分辨率（比特每像素）。
screen.width˜˜˜˜˜˜˜˜˜˜返回显示器屏幕的宽度。

string

↑页面顶部

string.length˜˜˜˜˜˜˜˜字符串的长度返回字符串的长度
string.anchor˜˜˜˜˜˜˜˜创建 HTML 锚。
string.big˜˜˜˜˜˜˜˜˜˜˜˜˜用大号字体显示字符串。
string.blink˜˜˜˜˜˜˜˜˜˜˜显示闪动字符串。
string.bold˜˜˜˜˜˜˜˜˜˜˜˜使用粗体显示字符串。
string.charAt˜˜˜˜˜˜˜˜返回在指定位置的字符。
string.charCodeAt˜˜˜˜返回在指定的位置的字符的 Unicode 编码。
string.concat˜˜˜˜˜˜˜˜连接字符串。
string.find˜˜˜˜˜˜˜˜˜˜˜˜检索字符串
string.fixed˜˜˜˜˜˜˜˜˜˜以打字机文本显示字符串。
string.fontcolor˜˜˜˜˜˜使用指定的颜色来显示字符串。
string.fontsize˜˜˜˜˜˜˜˜使用指定的尺寸来显示字符串。
string.indexOf˜˜˜˜˜˜˜˜˜˜检索字符串。
string.italies˜˜˜˜˜˜˜˜˜˜˜˜使用斜体显示字符串。
string.lastIndexOf˜˜˜˜˜˜从后向前搜索字符串。
string.link˜˜˜˜˜˜˜˜˜˜˜˜将字符串显示为链接。
string.match˜˜˜˜˜˜˜˜˜˜找到一个或多个正在表达式的匹配。
string.replace˜˜˜˜˜˜˜˜替换与正则表达式匹配的子串。
string.search˜˜˜˜˜˜˜˜检索与正则表达式相匹配的值。
string.slice˜˜˜˜˜˜˜˜˜˜˜˜提取字符串的片断，并在新的字符串中返回被提取的部分。
string.small˜˜˜˜˜˜˜˜˜˜˜˜使用小字号来显示字符串。
string.split˜˜˜˜˜˜˜˜˜˜˜˜把字符串分割为字符串数组。
string.strike˜˜˜˜˜˜˜˜˜˜使用删除线来显示字符串。
string.sub˜˜˜˜˜˜˜˜˜˜˜˜˜˜把字符串显示为下标。
string.substr˜˜˜˜˜˜˜˜˜˜从起始索引号提取字符串中指定数目的字符。
string.substring˜˜˜˜˜˜˜˜提取字符串中两个指定的索引号之间的字符。
string.sup˜˜˜˜˜˜˜˜˜˜˜˜˜˜把字符串显示为上标。
string.toLowerCase˜˜˜˜把字符串转换为小写。
string.toUpperCase˜˜˜˜把字符串转换为大写。

HTML标记大全参考手册英文全称总类
    
    文件类型 <HTML></HTML> （放在档案的开头与结尾） 
    文件主题 <TITLE></TITLE> （必须放在「文头」区块内） 
    文头 <HEAD></HEAD> （描述性资料，像是「主题」） 
    文体 <BODY></BODY> （文件本体） 
    
------------------------------------------------------------结构性定义（由浏览器控制的显示风格） 
    
    标题 <H?></H?> （从1到6，有六层选择）。属性有:16种color和align.

<h1>用来修饰网页的主标题，<h2>表示一个段落的标题，<h3>表示段落的小节标题，主要是方便搜索引擎的阅读。搜索引擎的阅读习惯和人类其实没什么区别，首先寻找文章的标题，以迅速掌握文本大意。因此，标题（H1-H6）标签是采用关键词的重要地方，这个标签应该包括文本中最重要的关键词。

NBSP：“Non-Breaking Space”

<center>对其所包括的文本进行水平居中。
3.0 标题的对齐 <H? ALIGN=LEFT|CENTER|RIGHT></H?> 
3.0 区分 <DIV></DIV> 
3.0 区分的对齐 <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> 
3.0 大字 <BIG></BIG> 
3.0 小字 <SMALL></SMALL> 
    
------------------------------------------------------------与外观相关的标签（作者自订的表现方式） 
    
    加粗 <B></B> 
    斜体 <I></I> 
3.0 底线 <U></U> （尚有些浏览器不提供） 
3.0 删除线 <S></S> （尚有些浏览器不提供） 
3.0 下标 <SUB></SUB> 
3.0 上标 <SUP></SUP> 
    打字机体 <TT></TT> （用单空格字型显示） 
    预定格式 <PRE></PRE> （保留文件中空格的大小） 
    预定格式的宽度 <PRE WIDTH=?></PRE>（以字元计算） 
N1.0+ 向中看齐 <CENTER></CENTER> （文字与图片都可以） 
N1.0 闪耀 <BLINK></BLINK> （有史以来最被嘲弄的标签） 
N1.0 字体大小 <FONT SIZE=?></FONT>（从1到7） 
N1.0 改变字体大小 <FONT SIZE=+|-?></FONT> 
N1.0 基本字体大小 <BASEFONT SIZE=?> （从1到7; 内定为3） 
N2.0 字体颜色 <FONT COLOR="#$$$$$$"></FONT> 
    
-------------------------------------------------------------------------------- 
    
    连结与图形 
    
    连结 <A HREF="URL"></A> 
    连结到锚点 <A HREF="URL#***"></A>（如果锚点在另一个档案） 
<A HREF="#***"></A> （如果锚点目前的档案） 
N2.0 连结到目的视框 <A HREF="URL" TARGET="***"></A> 
    设定锚点 <A NAME="***"></A> 
    图形 <IMG SRC="URL"> 
    图形看齐方式 <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE> 
N1.0 图形看齐方式 <IMG SRC="URL" 
ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM> 
    取代文字 <IMG SRC="URL" ALT="***"> （如果没有办法显示图形则显示此文字） 
    点选图 <IMG SRC="URL" ISMAP> （需要CGI程式） 
N2.0 点选图 <IMG SRC="URL" USEMAP="URL"> 
N2.0 地图 <MAP NAME="***"></MAP>（描述地图） 
N2.0 段落 <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF> 
3.0 大小 <IMG SRC="URL" WIDTH="?" HEIGHT="?">（以pixels为单位） 
N1.0 图形边缘 <IMG SRC="URL" BORDER=?> （以pixels为单位） 
N1.0 图形边缘空间 <IMG SRC="URL" HSPACE=? VSPACE=?> （以pixels为单位） 
N1.0 低解析度图形 <IMG SRC="URL" LOWSRC="URL"> 
N1.1 用户端拉 <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">（使用端自动更新） 
N2.0 内嵌物件 <EMBED SRC="URL"> （将物件插入页面） 
N2.0 内嵌物件大小 <EMBED SRC="URL" WIDTH="?" HEIGHT="?"> 
    
-------------------------------------------------------------------------------- 
    
    分隔 
    
    段落 <P> （通常是两个return） 
3.0 段落 <P></P> （新定义成容器型标签） 
3.0 文字看齐方式 <P align=left 或center或right></P>   // align排整齐

换行 <BR> （一个return）

<br>  break

标签只是简单地开始新的一行.

N1.0 文字部份看齐方式<BR CLEAR=LEFT|RIGHT|ALL>（与图形合用时） 
    横线 <HR> 
N1.0 横线对齐 <HR ALIGN=LEFT|RIGHT|CENTER> 
N1.0 横线厚度 <HR SIZE=?> （以pixels为单位） 
N1.0 横线宽度 <HR WIDTH=?> （以pixels为单位） 
N1.0 横线比率宽度 <HR WIDTH=%> （以页宽为100%） 
N1.0 实线 <HR NOSHADE> （没有立体效果） 
N1.0 不可换行 <NOBR></NOBR> （不换行） 
N1.0 可换行处 <WBR> （如果需要，可在此断行） 
    
-------------------------------------------------------------------------------- 
    
    列举（可以巢状列举） 
    
    无次序式列举 <UL><LI></UL> （<UL>放在项的总前面。<LI> 放在每一项前） 
N1.0 公布式列举 <UL TYPE=DISC|CIRCLE|SQUARE>（定义全部的列举项） 
<LI TYPE=DISC|CIRCLE|SQUARE>（定义这个及其后的列举项） 
    有次序式列举 <OL><LI></OL> （<LI> 放在每一项前） 
N1.0 数标型态 <OL TYPE=A|a|I|i|1> （定义全部的列举项） 
<LI TYPE=A|a|I|i|1> （定义这个及其后的列举项） 
N1.0 起始数字 <OL value=?> （定义全部的列举项） 
<LI value=?> （定义这个及其后的列举项） 
    定义式列举 <DL><DT><DD></DL>（<DT>项目, <DD>定义） 
    表单式列举 <MENU><LI></MENU>（<LI> 放在每一项前） 
    目录式列举 <DIR><LI></DIR> （<LI> 放在每一项前） 
    
-------------------------------------------------------------------------------- 
    
    背景与颜色 
    
3.0 重复排列的背景 <BODY BACKGROUND="URL"> 
N1.1+ 背景颜色 <BODY BGCOLOR="#$$$$$$"> （依序为红、绿、蓝） 
N1.1+ 文字颜色 <BODY TEXT="#$$$$$$"> 
N1.1+ 连结颜色 <BODY LINK="#$$$$$$"> 
N1.1+ 看过的连结 <BODY VLINK="#$$$$$$"> 
N1.1 使用中的连结 <BODY ALINK="#$$$$$$"> 
    
-------------------------------------------------------------------------------- 
    
    特殊字元（以下标签需用小写） 
    
    特别符号 &#?; （其中 ? 代表ISO 8859-1的编码） 
< < > > & & " " 
    注册商标TM ® 
N1.0+ 注册商标TM ® 
    著作权符号 © 
N1.0+ 著作权符号 © 
    
-------------------------------------------------------------------------------- 
    
    表单（通常需要与CGI程式配合） 
    
    定义表单 <FORM ACTION="URL" METHOD=GET|POST></FORM> 
N2.0 上传档案 <FORM ENCTYPE="multipart/form-data></FORM> 
    输入栏位 <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET"> 
    栏位名称 <INPUT NAME="***"> 
    栏位内定值 <INPUT value="***"> 
    已选定 <INPUT CHECKED> （适用於checkboxes与 radio boxes） 
    栏位宽度 <INPUT SIZE=?> （以字元数为单位） 
    最长字数 <INPUT MAXLENGTH=?> （以字元数为单位） 
    下拉式选单 <SELECT></SELECT> 
    下拉式选单名称 <SELECT NAME="***"></SELECT> 
    选单项目数量 <SELECT SIZE=?></SELECT> 
    多选式选单 <SELECT MULTIPLE> （多选） 
    选项 <OPTION> 
    内定选项 <OPTION SELECTED> 
    文字输入区 <TEXTAREA ROWS=? COLS=?></textarea> 
    输入区名称 <TEXTAREA NAME="***"></textarea> 
N2.0 输入区换行方式 <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></textarea> 
    
-------------------------------------------------------------------------------- 
    
    表格 
    
3.0 定义表格 <TABLE></TABLE> 
3.0 表格框线 <TABLE BORDER></TABLE> （有或没有） 
N1.1 表格框线 <TABLE BORDER=?></TABLE>（可以设定数值） 
N1.1 储存格左右留白 <TABLE CELLSPACING=?> 
N1.1 储存格上下留白 <TABLE CELLPADDING=?> 
N1.1 表格宽度 <TABLE WIDTH=?> （以pixels为单位） 
N1.1 宽度比率 <TABLE WIDTH=%> （页宽为100%） 
3.0 表格列 <TR></TR> 
3.0 表格列内容看齐 <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> 
3.0 储存格 <TD></TD> （须与列并用） 
3.0 储存格内容看齐 <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> 
3.0 不换行 <TD NOWRAP> 
N3.0 储存格背景颜色 <TD BGCOLOR=#$$$$$$> 
3.0 储存格横向连接 <TD COLSPAN=?> 
3.0 储存格纵向连接 <TD ROWSPAN=?> 
N1.1 储存格宽度 <TD WIDTH=?> （以pixels为单位） 
N1.1 储存格宽度比率 <TD WIDTH=%> （页宽为100%） 
3.0 表格标题 <TH></TH> （跟<TD>一样，不过会对中并加粗） 
3.0 表格标题对齐 <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> 
3.0 表格标题不换行 <TH NOWRAP> 
3.0 表格标题占几栏 <TH COLSPAN=?> 
3.0 表格标题占几列 <TH ROWSPAN=?> 
N1.1 表格标题宽度 <TH WIDTH=?> （以pixels为单位） 
N1.1 表格标题比率宽度<TH WIDTH=%> （页宽为100%） 
3.0 表格抬头 <CAPTION></CAPTION> 
3.0 表格抬头看齐 <CAPTION ALIGN=TOP|BOTTOM>（在表格之上/之下） 
    
-------------------------------------------------------------------------------- 
    
    视框（定义与控制萤幕上的特定区域） 
    
N2.0 视框格式总定义 <FRAMESET></FRAMESET> （取代<BODY>） 
N2.0 视框行长度分配 <FRAMESET ROWS=,,,></FRAMESET>（pixels 或 %） 
N2.0 视框行长度分配 <FRAMESET ROWS=*></FRAMESET> （* = 相对大小） 
N2.0 视框栏宽度分配 <FRAMESET COLS=,,,></FRAMESET>（pixels 或 %） 
N2.0 视框栏宽度分配 <FRAMESET COLS=*></FRAMESET> （* =相对大小） 
N2.0 定义个别视框 <FRAME> （定义个别视框） 
N2.0 个别视框内容 <FRAME SRC="URL"> 
N2.0 个别视框名称 <FRAME NAME="***"|_blank|_self|_parent|_top> 
N2.0 边缘宽度 <FRAME MARGINWIDTH=?> （「左」与「右」边界） 
N2.0 边缘高度 <FRAME MARGINHEIGHT=?> （「天顶」与「地底」边界） 
N2.0 卷动条 <FRAME SCROLLING="YES|NO|AUTO"> 
N2.0 不可改变网页框架大小 <FRAME NORESIZE>   no,reshape,size
N2.0 无视框时的内容 <NOFRAMES></NOFRAMES>（如果浏览器不提供视框功能的话） 
    
-------------------------------------------------------------------------------- 
    
    杂项 
    
    说明（浏览器不会显示） 
    档案型态声明

 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"> 
3.0 档案型态声明

 <!DOCTYPE HTML PUBLIC "-//W3O//DTD W3 HTML 3.0//EN"> 
    可搜寻 <ISINDEX> （指示可搜寻的索引项） 
N1.0 提示 <ISINDEX PROMPT="***"> （要求输入的提示文字） 
    送出搜寻条件 <A HREF="URL?***"></a> （其中的问号不是数字，而是「问号」） 
    基本档案的URL <BASE HREF="URL"> （必须放在「文头」区段内） 
N2.0 基本视窗名称 <BASE TARGET="***"> （必须放在「文头」区段内） 
    相关性 <LINK REV="***" REL="***" HREF="URL"> （必须放在「文头」区段内） 
    背景资讯 <META> （必须放在「文头」区段。

在html中只有<br/> 的斜杠是在后面的其他都是在前面的

<a> anchor 定义锚 ,即超链接目的地。
<abbr> abbreviation 定义缩写
<acronym>  定义只取消首字母的缩写
<address> 定义地址元素
<area> 定义图像映射内部的区域
<b> bold 定义粗体字
<base> 定义页面当中的所有链接的基准链接
<bdo>  bidirectional override 定义文字的显示方向
<big> 定义大号字
<blockquote> 定义长的引用
<body> 定义body元素
<br> break 插入一个回车
<button> 定义按钮
<caption> 定义表格标题
<cite> citation 定义引用
<code> computer code 定义计算机代码文本
<col> column 定义用于表格列的属性
<colgroup> column group 定义表格的列祖
<dd> definition description 定义定义的描述
<del> delete 定义被删除的文本
<div> division 定义文档中的节
<dfn> defining instance 定义定义的项目。
<dl> definition list 定义定义列表
<dt> definition term 定义定义的项目
<em> emphasized 定义强调文本
<fieldset> 定义域结构
<form> 定义表单
<frame> 定义框架的子窗口
<frameset> 定义框架集
<h1>to<h6> 定义标题1到标题6
<head> 定义关于文档的信息
<hr> horizontal 定义水平线
<html> hypertext markup language 定义html文档
<i> italic 定义斜体字
<iframe> inline frame 定义内联框架 ,即浮动窗口标签
<img> image 定义图像
<input>  定义输入域
<ins> inserted 定义被插入的文本
<kbd> keyboard 定义键盘文本
<label> 定义针对表单控件的标签
<legend> 定义框架集的标题
<li> list item 定义列表的项目
<link> 定义资源引用
<map> 定义图像映射
<meta> 定义元信息
<noframe> 定义无框架的网页
<noscript> 定义无脚本的网页
<object> 定义内嵌对象
<ol> ordered list 定义有序列表
<optgroup> option group 定义选项组
<option> 定义下拉列表的选项
<p> paragraph 定义段落
<param> 定义对象的参数
<pre> preformatted 定义预格式文本
<q> quotation 定义短的引用
<samp> sample 定义计算机代码样本
<script> 定义脚本
<select> 定义选择列表
<small> 定义小字体文本
<span> 定义文档中的节
<strong> stronger empasis定义强调文本
<style> 定义样式的定义
<sub> subscript 定义下标文本
<sup> superscript 定义上标文本
<table> 定义表格
<tbody> table body 定义表格的主体部分
<td> table data cell定义表格单元
<textarea> 定义文本区域
<tfoot> table foot定义表也的脚注
<th> table header cell定义表格的表头单元格
<thead> table head定义表格的标题
<title> 定义文档的标题
<tr> table row定义表格的行
<tt> teletype 定义打字机文本
<ul> unordered list 定义无序列表
<var> variable 定义变量

数组(Array)：系列元素的有序集合

属性：

length：用于获取数组元素的个数，既最大下标加 1

方法：

sort(function):在未指定排序号的情况下,按照元素的字母顺序排列,如果不是字符串类型则转换成字符串,在排序;

reverse():颠倒数组中元素的顺序；

concat(array1,arrayn):用于将N个数组合并到array1数组中；

join(string):用于将数组中元素合并为字符串，string为分隔符，如省略参数，则直接合并，不加分隔；

slice(start,stop):用于返回数组中start到stop中的元素，如果参数为负，则表示倒数start或stop个元素；

toString():将数组所有元素返回一个字符串，其间用逗号分隔；

字符串（string）

属性：

length:用于返回字符串的长度，用法与数组一样；

方法：

anchor():该方法创建如同HTML中的anchor一样的标记，格式 <a name="" .....> ,通过下列方法访问string.anchor(chorName)

toUpperCase():将字符串转换成大写；

toLowerCase():将字符串转换成小写；

indexOf(a,b):从第 b 个字符查找字符 a 在字符串中出现的位置并返回,如果 b 省略，则默认从 0 位置查找；

chartAt(i):返回字符串中第 i 个字符；

substring(start,end):返回字符串中从 start - end 之间的全部字符（但是不返回end本身那个字符哦）；

sub():将指定的字符串用下标格式显示;

日期(Date)：详细演示见

定义方法：

a: var newdt=new Date() -->创建时间对象并赋值为当前时间;
b: var newdt=new Date(milliseconds) --> 创建时间对象，且以GTM的延迟时间来设置对象的值，单位为毫秒；
c：var newdt=new Date(string) -->使用特定的时间字符串为新创建的时间对象赋值，其格式与Date对象的parse方法匹配；
d: var newdt=new Date(年,月,日,小时,分,秒,毫秒) -->按照年,月,日,小时,分,秒,毫秒的顺序为对象赋值;

方法：获取时间;设置时间;格式转换

A:获取时间

getDate() -----获取当前完整时间;
getYear()------获取当前的年
getMonths()----获取当前的月份
getDay()-------获取当前的日期天
getHours()-----获取当前的小时
getMinutes()---获取当前的分钟
getSeconds()---获取当前的秒
getTime()------获取当前的时间，单位秒
getTimeZoneOffset--获取当前的时区偏移信息

b：设置时间

对照上面的获取，把get换成 set 即可，例如 getDate() ---> setDate()

c:转换方法

toGTMString() ------转换成格林威治标准时间表达式的字符串；
toLocaleString()----转换成当地时间表达的字符串
toString()----------把时间转换成字符串
parse---------------从表示时间的字符串中读出时间
UTC-----------------返回从格林威治标准时间到指定时间的差距，单位为毫秒

Math 数学：

属性：注意，数学对象中的属性是指读的

E (=2.7182) ------自然对数的底（具体意思，我不明白，唉，和数学密切的东西我都不明白，郁闷！）
LN10(=2.30259) ---10的自然对数；
LN2(=0.69315)-----2的自然对数；
PI(=3.1415926)----圆周率
SQRT1_2(=0.7071)--1/2的平方根
SQRT2(=1.4142)----2的平方根
LOG2E(=1.44269)---以2为底,E的对数
LOG10E(=0.43429)--以10为底E的对数

方法: 其实用得上的不多,郁闷,全部弄出来吧

sin(a) ---- 求a的正弦值
cos(a)------求a的余弦值
tan(a)------求a的正切值
asin(a)-----求a的反正弦值
atan(a)-----求a的反余弦值
exp(a)------求a的指数
log(a)------求a的自然对数
Pow(a,i)----求a的i次方（乘方）
round(a)----对a进行四舍五入运算
sqrt(a)-----求a的平方根
abs(a)------求a的绝对值
random()----取随机数
max(a,b)----取较大的数
min(a,b)----取较小的数

注意：函数的参数均是浮点类型，三角函数的参数为弧度值，而不是度

JavaScript的内置函数

escape() 与 unescape() :对字符串进行编码与解码

eval(字符串):用于执行字符串所代表的运算或语句
例如：var a=0; var str1="a+=a"; eval(str1);

parseInt() 和 parseFloat():将文本框的值转换成整数或浮点数

注意：parseInt()不是对数字进行四舍五入操作，而是切尾

isNaN():完整的E文是（is not a number），顾名思义是判断字符串是否是数字，例如 if(isNaN("天轰穿系列教程"))

自定义对象:有初始化对象和定义构造函数的对象两种方法

a：初始化对象

例如：对象={属性1:值1;属性2:值2;......属性n:值n} ，注意，每个属性\值对之间用分号隔开；

b：定义构造函数的对象

例如:
function 函数名(属性1，属性2，。。。属性N){

this.属性1=属性值1；
this.属性2=属性值2；
this.属性n=属性值n；

this.方法名1=函数名1；
this.方法名2=函数名2；
}

注意：方法名和函数名可以同名，但是在方法调用函数前，函数必须已经定义好，否则会出错

为自定义的函数创建新的实例一样是使用 new 语句。

浏览器对象

window对象：他属于中央级的了，处于所有对象的最高级，说白了，没有他，你们全没的玩；

属性：

closed----------用于判断窗口是否关闭；
er----------存放()方法打开窗口的父窗口；
defaultstatus---状态栏默认显示的信息；
status----------状态栏当前显示的信息；
Document,Location,History---很重要，稍后详细说，要是不想等，直接看这里

方法：

alert(text)-------------弹出一个提示信息框
confirm(text)-----------确认信息框，参数为确认信息
prompt(text,default)----弹出输入对话框,参数为提示信息和缺省值

document对象：包括当前网页的各种特征,如标题\URL\背景\语言\修改时间等

属性:

title------------文档标题
lastModified-----文件最后修改时间
URL--------------文档对应的页面地址
Cookie-----------用来创建和获取Cookie信息
bgColor----------文档的背景色
fgColor----------文档的前景色
location---------保存文档所有的页面地址信息
alinkcolor-------激活连接的颜色
linkcolor--------链接的颜色
vlinkcolor-------已浏览过的链接的颜色

方法：

write(text)-----向文档写入文字或标签，不换行
writeln(text)---向文档写入文字或标签,在最后一个字符处换行
()----------打开一个新文档例如 ("地址","窗口名字","样式")
close()---------关闭当前文档

Location对象： 包含当前文档所有的页面地址信息

属性：

protocol-----------通信协议
host---------------页面所在WEB服务器的主机名称
port---------------服务器通信的端口号
pathname-----------文档在服务器上的路径
hash---------------页面跳转的锚标记信息
searce-------------页面提交到服务器上搜索的信息
hostname-----------主机的名称和端口号，中间用冒号隔开
href---------------完整的URL地址

方法：

assign(URL)--------将页面导航到另一个地址上去
reload-------------刷新页面
replace(URL)-------使用指定URL的页面代替当前页面

History：该对象包括以前访问过的URL信息

属性：length,返回URL数量

方法主要是 Go(n) ,通过该方法载入相对的页面

分类: javascript

Basic tags		基本标签
<html></html>	Creates an HTML document	创建一个HTML 文档
<head></head>	Sets off the title and other information that isn't displayed on the Web page itself	设置文档标题以及其他不在WEB 网页上显示的信息
<body></body>	Sets off the visible portion of the document	设置文档的可见部分

Header tags		标题标签
<title></title>	Puts the name of the document in the title bar	将文档的题目放在标题栏中

Body attributes		文档整体属性
<body bgcolor=?>	Sets the background color, using name or hex value	设置背景颜色，使用名字或十六进制值
<body text=?>	Sets the text color, using name or hex value	设置文本文字颜色，使用名字或十六进制值
<body link=?>	Sets the color of links, using name or hex value	设置链接颜色，使用名字或十六进制值
<body vlink=?>	Sets the color of followed links, using name or hex value	设置已使用的链接的颜色，使用名字或十六进制值
<body alink=?>	Sets the color of links on click	设置正在被击中的链接的颜色，使用名字或十六进制值

Text tags		文本标签
<pre></pre>	Creates preformatted text	创建预格式化文本
<h1></h1>	Creates the largest headline	创建最大的标题
<h6></h6>	Creates the smallest headline	创建最小的标题
<b></b>	Creates bold text	创建黑体字
<i></i>	Creates italic text	创建斜体字
<tt></tt>	Creates teletype, or typewriter-style text	创建打字机风格的字体
<cite></cite>	Creates a citation, usually italic	创建一个引用，通常是斜体
<em></em>	Emphasizes a word (with italic or bold)	加重一个单词（通常是斜体加黑体）
<strong></strong>	Emphasizes a word (with italic or bold)	加重一个单词（通常是斜体加黑体）
<font size=?></font>	Sets size of font, from 1 to 7	设置字体大小，从 1 到 7
<font color=?></font>	Sets font color, using name or hex value	设置字体的颜色，使用名字或十六进制值

Links		链接
<a href="URL"></a>	Creates a hyperlink	创建一个超链接
<a href="mailto:EMAIL"> </a>	Creates a mailto link	创建一个自动发送电子邮件的链接
<a name="NAME"></a>	Creates a target location within a document	创建一个位于文档内部的靶位
<a href="#NAME"></a>	Links to that target location from elsewhere in the document	创建一个指向位于文档内部靶位的链接

Formatting		格式排版
<p>	Creates a new paragraph	创建一个新的段落
<p align=?>	Aligns a paragraph to the left, right, or center	将段落按左、中、右对齐
<br>	Inserts a line break	插入一个回车换行符
<blockquote> </blockquote>	Indents text from both sides	从两边缩进文本
<dl></dl>	Creates a definition list	创建一个定义列表
<dt>	Precedes each definition term	放在每个定义术语词之前
<dd>	Precedes each definition	放在每个定义之前
<ol></ol>	Creates a numbered list	创建一个标有数字的列表
<li>	Precedes each list item, and adds a number	放在每个数字列表项之前，并加上一个数字
<ul></ul>	Creates a bulleted list	创建一个标有圆点的列表
<li>	Precedes each list item, and adds the bullet	放在每个圆点列表项之前，并加上一个圆点
<div align=?>	A generic tag used to format large blocks of HTML, also used for stylesheets	一个用来排版大块HTML 段落的标签，也用于格式化表

Graphical elements		图形元素
<img src="name">	Adds an image	添加一个图像
<img src="name" align=?>	Aligns an image: left, right, center; bottom, top, middle	排列对齐一个图像：左中右或上中下
<img src="name" border=?>	Sets size of border around an image	设置围绕一个图像的边框的大小
<hr>	Inserts a horizontal rule	加入一条水平线
<hr size=?>	Sets size (height) of rule	设置水平线的大小（高度）
<hr width=?>	Sets width of rule, in percentage or absolute value	设置水平线的宽度（百分比或绝对像素点）
<hr noshade>	Creates a rule without a shadow	创建一个没有阴影的水平线

Tables		表格
<table></table>	Creates a table	创建一个表格
<tr></tr>	Sets off each row in a table	开始表格中的每一行
<td></td>	Sets off each cell in a row	开始一行中的每一个格子
<th></th>	Sets off the table header (a normal cell with bold, centered text)	设置表格头：一个通常使用黑体居中文字的格子
Table attributes		表格属性
<table border=#>	Sets width of border around table cells	设置围绕表格的边框的宽度
<table cellspacing=#>	Sets amount of space between table cells	设置表格格子之间空间的大小
<table cellpadding=#>	Sets amount of space between a cell's border and its contents	设置表格格子边框与其内部内容之间空间的大小
<table width=# or %>	Sets width of table - in pixels or as a percentage of document width	设置表格的宽度－用绝对像素值或文档总宽度的百分比
<tr align=?> or <td align=?>	Sets alignment for cell(s) (left, center, or right)	设置表格格子的水平对齐（左中右）
<tr valign=?> or <td valign=?>	Sets vertical alignment for cell(s) (top, middle, or bottom)	设置表格格子的垂直对齐（上中下）
<td colspan=#>	Sets number of columns a cell should span (default=1)	设置一个表格格子应跨占的列数（缺省为 1）
<td rowspan=#>	Sets number of rows a cell should span (default=1)	设置一个表格格子应跨占的行数（缺省为 1）
<td nowrap>	Prevents the lines within a cell from being broken to fit	禁止表格格子内的内容自动断行回卷

Frames		窗框
<frameset></frameset>	Precedes the <body> tag in a frames document; can also be nested in other framesets	放在一个窗框文档的 <body> 标签之前，也可以嵌在其他窗框文档中
<frameset rows="value,value">	Defines the rows within a frameset, using number in pixels, or percentage of width	定义一个窗框内的行数，可以使用绝对像素值或高度的百分比
<frameset cols="value,value">	Defines the columns within a frameset, using number in pixels, or percentage of width	定义一个窗框内的列数，可以使用绝对像素值或宽度的百分比
<frame>	Defines a single frame - or region - within a frameset	定义一个窗框内的单一窗或窗区域
<noframes></noframes>	Defines what will appear on browsers that don't support frames	定义在不支持窗框的浏览器中显示什么提示

Frames attributes		窗框属性
<frame src="URL">	Specifies which HTML document should be displayed	规定窗框内显示什么HTML 文档
<frame name="name">	Names the frame, or region, so it may be targeted by other frames	命名窗框或区域以便别的窗框可以指向它
<frame marginwidth=#>	Defines the left and right margins for the frame; must be equal to or greater than 1	定义窗框左右边缘的空白大小，必须大于等于1
<frame marginheight=#>	Defines the top and bottom margins for the frame; must be equal to or greater than 1	定义窗框上下边缘的空白大小，必须大于等于1
<frame scrolling=VALUE>	Sets whether the frame has a scrollbar; value may equal "yes," "no," or "auto." The default, as in ordinary documents, is auto.	设置窗框是否有滚动栏，其值可以是 "yes", "no", "auto"，缺省时一般为 "auto"
<frame noresize>	Prevents the user from resizing a frame	禁止用户调整一个窗框的大小

Forms		表单
For functional forms, you'll have to run a CGI script. The HTML just creates the appearance of a form.		对于功能性的表单，一般需要运行一个 CGI 小程序，HTML仅仅是产生表单的表面样子。
<form></form>	Creates all forms	创建所有表单
<select multiple name="NAME" size=?></select>	Creates a scrolling menu. Size sets the number of menu items visible before you need to scroll.	创建一个滚动菜单，size 设置在需要滚动前可以看到的表单项数目
<option>	Sets off each menu item	设置每个表单项的内容
<select name="NAME"></select>	Creates a pulldown menu	创建一个下拉菜单
<option>	Sets off each menu item	设置每个菜单项的内容
<textarea name="NAME" cols=40 rows=8></textarea>	Creates a text box area. Columns set the width; rows set the height.	创建一个文本框区域，列的数目设置宽度，行的数目设置高度
<input type="checkbox" name="NAME">	Creates a checkbox. Text follows tag.	创建一个复选框，文字在标签后面
<input type="radio" name="NAME" value="x">	Creates a radio button. Text follows tag	创建一个单选框，文字在标签后面
<input type=text name="foo" size=20>	Creates a one-line text area. Size sets length, in characters.	创建一个单行文本输入区域，size 设置以字符计的宽度
<input type="submit" value="NAME">	Creates a Submit button	创建一个 submit（提交）按钮
<input type="image" border=0 name="NAME" src="name.gif">	Creates a Submit button using an image	创建一个使用图象的 submit（提交）按钮
<input type="reset">	Creates a Reset button	创建一个 reset（重置）按钮

图标字体(iconfont),是一种把图标放入自定义字体中,

****************************************************************************************************

jQuery验证控件jquery.validate.js使用说明+中文API

官网地址：http://bassistance.de/jquery-plugins/jquery-plugin-validation

jQuery plugin: Validation 使用说明

转载自：http://blog.sina.com.cn/s/blog_608475eb0100h3h1.html

一导入js库
<script src="../js/jquery.js"type="text/javascript"></script>
<script src="../js/jquery.validate.js"type="text/javascript"></script>

二、默认校验规则
(1)required:true               必输字段
(2)remote:"check.PHP"      使用ajax方法调用check.php验证输入值
(3)email:true                   必须输入正确格式的电子邮件
(4)url:true                       必须输入正确格式的网址
(5)date:true                     必须输入正确格式的日期日期校验ie6出错，慎用
(6)dateISO:true               必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性
(7)number:true                必须输入合法的数字(负数，小数)
(8)digits:true                    必须输入整数
(9)creditcard:                   必须输入合法的信用卡号
(10)equalTo:"#field"          输入值必须和#field相同
(11)accept:                      输入拥有合法后缀名的字符串（上传文件的后缀）
(12)maxlength:5               输入长度最多是5的字符串(汉字算一个字符)
(13)minlength:10              输入长度最小是10的字符串(汉字算一个字符)
(14)rangelength:[5,10]      输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
(15)range:[5,10]              输入值必须介于 5 和 10 之间
(16)max:5                       输入值不能大于5
(17)min:10                      输入值不能小于10

三、默认的提示
messages: {
    required: "This field is required.",
    remote: "Please fix this field.",
    email: "Please enter a valid email address.",
    url: "Please enter a valid URL.",
    date: "Please enter a valid date.",
    dateISO: "Please enter a valid date (ISO).",
    dateDE: "Bitte geben Sie ein g眉ltiges Datum ein.",
    number: "Please enter a valid number.",
    numberDE: "Bitte geben Sie eine Nummer ein.",
    digits: "Please enter only digits",
    creditcard: "Please enter a valid credit cardnumber.",
    equalTo: "Please enter the same value again.",
    accept: "Please enter a value with a validextension.",
    maxlength: $.validator.format("Please enter no morethan {0} characters."),
    minlength: $.validator.format("Please enter at least{0} characters."),
    rangelength: $.validator.format("Please enter a valuebetween {0} and {1} characters long."),
    range: $.validator.format("Please enter a value between{0} and {1}."),
    max: $.validator.format("Please enter a value less thanor equal to {0}."),
    min: $.validator.format("Please enter a value greaterthan or equal to {0}.")
},

如需要修改，可在js代码中加入：

jQuery.extend(jQuery.validator.messages, {
required: "必选字段",
remote: "请修正该字段",
email: "请输入正确格式的电子邮件",
url: "请输入合法的网址",
date: "请输入合法的日期",
dateISO: "请输入合法的日期 (ISO).",
number: "请输入合法的数字",
digits: "只能输入整数",
creditcard: "请输入合法的信用卡号",
equalTo: "请再次输入相同的值",
accept: "请输入拥有合法后缀名的字符串",
maxlength: jQuery.validator.format("请输入一个长度最多是 {0} 的字符串"),
minlength: jQuery.validator.format("请输入一个长度最少是 {0} 的字符串"),
rangelength: jQuery.validator.format("请输入一个长度介于 {0} 和 {1} 之间的字符串"),
range: jQuery.validator.format("请输入一个介于 {0} 和 {1} 之间的值"),
max: jQuery.validator.format("请输入一个最大为{0} 的值"),
min: jQuery.validator.format("请输入一个最小为{0} 的值")
});

推荐做法，将此文件放入messages_cn.js中，在页面中引入
<script src="../js/messages_cn.js"type="text/javascript"></script>

四、使用方式
1.将校验规则写到控件中

使用class="{}"的方式，必须引入包：jquery.metadata.js

可以使用如下的方法，修改提示内容：
class="{required:true,minlength:5,messages:{required:'请输入内容'}}"

在使用equalTo关键字时，后面的内容必须加上引号，如下代码：
class="{required:true,minlength:5,equalTo:'#password'}"

2.将校验规则写到js代码中

$().ready(function() {
$("#signupForm").validate({
        rules: {
   firstname: "required",
   email: {
    required: true,
    email: true
   },
   password: {
    required: true,
    minlength: 5
   },
   confirm_password: {
    required: true,
    minlength: 5,
    equalTo: "#password"
   }
  },
        messages: {
   firstname: "请输入姓名",
   email: {
    required: "请输入Email地址",
    email: "请输入正确的email地址"
   },
   password: {
    required: "请输入密码",
    minlength: jQuery.format("密码不能小于{0}个字符")
   },
   confirm_password: {
    required: "请输入确认密码",
    minlength: "确认密码不能小于5个字符",
    equalTo: "两次输入密码不一致不一致"
   }
  }
    });
});

//messages处，如果某个控件没有message，将调用默认的信息

<form id="signupForm" method="get" action="">
    <p>
        <label for="firstname">Firstname</label>
        <input id="firstname" name="firstname" />
    </p>
<p>
  <label for="email">E-Mail</label>
  <input id="email" name="email" />
</p>
<p>
  <label for="password">Password</label>
  <input id="password" name="password" type="password" />
</p>
<p>
  <label for="confirm_password">确认密码</label>
  <input id="confirm_password" name="confirm_password" type="password" />
</p>
    <p>
        <input class="submit" type="submit" value="Submit"/>
    </p>
</form>

required:true 必须有值
required:"#aa:checked"表达式的值为真，则需要验证
required:function(){}返回为真，表时需要验证
后边两种常用于，表单中需要同时填或不填的元素

五、常用方法及注意问题
1.用其他方式替代默认的SUBMIT
$().ready(function() {
$("#signupForm").validate({
        submitHandler:function(form){
           alert("submitted");
           form.submit();
        }
    });
});

使用ajax方式

$(".selector").validate({
submitHandler: function(form)
   {
      $(form).ajaxSubmit();
   }
})

可以设置validate的默认值，写法如下：
$.validator.setDefaults({
submitHandler: function(form) {alert("submitted!");form.submit(); }
});

如果想提交表单, 需要使用form.submit()而不要使用$(form).submit()

2.debug，只验证不提交表单
如果这个参数为true，那么表单不会提交，只进行检查，调试时十分方便

$().ready(function() {
$("#signupForm").validate({
        debug:true
    });
});
如果一个页面中有多个表单都想设置成为debug，用
$.validator.setDefaults({
   debug: true
})

3.ignore：忽略某些元素不验证
ignore: ".ignore"
4.更改错误信息显示的位置
errorPlacement：Callback

Default: 把错误信息放在验证的元素后面
指明错误放置的位置，默认情况是：error.appendTo(element.parent());即把错误信息放在验证的元素后面
errorPlacement: function(error, element) {
error.appendTo(element.parent());
}

//示例：

<tr>
    <td class="label"><label id="lfirstname" for="firstname">First Name</label></td>
    <td class="field"><input id="firstname" name="firstname" type="text" value="" maxlength="100" /></td>
    <td class="status"></td>
</tr>
<tr>
    <td style="padding-right: 5px;">
        <input id="dateformat_eu" name="dateformat" type="radio" value="0" />
        <label id="ldateformat_eu" for="dateformat_eu">14/02/07</label>
    </td>
    <td style="padding-left: 5px;">
        <input id="dateformat_am" name="dateformat" type="radio" value="1"  />
        <label id="ldateformat_am" for="dateformat_am">02/14/07</label>
    </td>
    <td></td>
</tr>
<tr>
    <td class="label"> </td>
    <td class="field" colspan="2">
        <div id="termswrap">
            <input id="terms" type="checkbox" name="terms" />
            <label id="lterms" for="terms">I have read and accept the Terms of Use.</label>
        </div>
    </td>
</tr>

errorPlacement: function(error, element) {
    if ( element.is(":radio") )
        error.appendTo( element.parent().next().next() );
    else if ( element.is(":checkbox") )
        error.appendTo ( element.next() );
    else
        error.appendTo( element.parent().next() );
}

代码的作用是：一般情况下把错误信息显示在<td class="status"></td>中，如果是radio显示在<td></td>中，如果是checkbox显示在内容的后面

errorClass：String Default: "error"
指定错误提示的css类名，可以自定义错误提示的样式

errorElement：String Default: "label"
用什么标签标记错误，默认的是label你可以改成em

errorContainer：Selector
显示或者隐藏验证信息，可以自动实现有错误信息出现时把容器属性变为显示，无错误时隐藏，用处不大
errorContainer: "#messageBox1, #messageBox2"

errorLabelContainer：Selector
把错误信息统一放在一个容器里面。

wrapper：String
用什么标签再把上边的errorELement包起来

一般这三个属性同时使用，实现在一个容器内显示所有错误提示的功能，并且没有信息时自动隐藏

errorContainer: "div.error",
errorLabelContainer: $("#signupForm div.error"),
wrapper: "li"

5更改错误信息显示的样式
设置错误提示的样式，可以增加图标显示，在该系统中已经建立了一个validation.css专门用于维护校验文件的样式

input.error { border: 1px solid red; }
label.error {
background:url("./demo/images/unchecked.gif") no-repeat 0px0px;

padding-left: 16px;

padding-bottom: 2px;

font-weight: bold;

color: #EA5200;
}
label.checked {
background:url("./demo/images/checked.gif") no-repeat 0px 0px;
}

6每个字段验证通过执行函数
success：String,Callback
要验证的元素通过验证后的动作，如果跟一个字符串，会当做一个css类，也可跟一个函数
success: function(label) {
    // set   as text for IE
   label.html(" ").addClass("checked");
    //label.addClass("valid").text("Ok!")
}
添加"valid" 到验证元素, 在CSS中定义的样式<style>label.valid{}</style>
success: "valid"

7验证的触发方式修改
下面的虽然是boolean型的，但建议除非要改为false,否则别乱添加。

onsubmit：Boolean Default: true
提交时验证. 设置唯false就用其他方法去验证
onfocusout：Boolean Default: true
失去焦点是验证(不包括checkboxes/radio buttons)
onkeyup：Boolean Default: true
在keyup时验证.
onclick：Boolean Default: true
在checkboxes 和 radio 点击时验证
focusInvalid：Boolean Default: true
提交表单后，未通过验证的表单(第一个或提交之前获得焦点的未通过验证的表单)会获得焦点
focusCleanup：Boolean Default: false
如果是true那么当未通过验证的元素获得焦点时，移除错误提示。避免和focusInvalid 一起用

// 重置表单
$().ready(function() {
var validator = $("#signupForm").validate({
        submitHandler:function(form){
           alert("submitted");
           form.submit();
        }
    });
    $("#reset").click(function() {
        validator.resetForm();
    });

});

8异步验证
remote：URL
使用ajax方式进行验证，默认会提交当前验证的值到远程地址，如果需要提交其他的值，可以使用data选项

remote: "check-email.php"

remote: {
    url: "check-email.php",     //后台处理程序
    type:"post",              //数据发送方式
    dataType: "json",          //接受数据格式
    data:{                    //要传递的数据
        username: function() {
            return$("#username").val();
        }
    }
}

远程地址只能输出 "true" 或 "false"，不能有其它输出

9添加自定义校验
addMethod：name,method, message
自定义验证方法

// 中文字两个字节
jQuery.validator.addMethod("byteRangeLength", function(value,element, param) {
    var length = value.length;
    for(var i = 0; i < value.length; i++){
        if(value.charCodeAt(i) > 127){
            length++;
        }
    }
return this.optional(element) || ( length >= param[0] &&length <= param[1] );
}, $.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)"));

// 邮政编码验证
jQuery.validator.addMethod("isZipCode", function(value, element){
    var tel = /^[0-9]{6}$/;
    return this.optional(element) || (tel.test(value));
}, "请正确填写您的邮政编码");

1.要在additional-methods.js文件中添加或者在jquery.validate.js添加
建议一般写在additional-methods.js文件中

2.在messages_cn.js文件添加：isZipCode: "只能包括中文字、英文字母、数字和下划线",

调用前要添加对additional-methods.js文件的引用。

10radio和checkbox、select的验证

1.radio的required表示必须选中一个
<input type="radio" id="gender_male"value="m" name="gender" class="{required:true}"/>
<input type="radio" id="gender_female"value="f" name="gender"/>

2.checkbox的required表示必须选中
<input type="checkbox" class="checkbox"id="agree" name="agree" class="{required:true}"/>

checkbox的minlength表示必须选中的最小个数,maxlength表示最大的选中个数,rangelength:[2,3]表示选中个数区间

    3.select的required表示选中的value不能为空
<select id="jungle" name="jungle" title="Pleaseselect something!" class="{required:true}">
    <option value=""></option>
    <option value="1">Buga</option>
    <option value="2">Baga</option>
    <option value="3">Oi</option>
</select>

select的minlength表示选中的最小个数（可多选的select）,maxlength表示最大的选中个数,rangelength:[2,3]表示选中个数区间
<select id="fruit" name="fruit" title="Pleaseselect at least two fruits" class="{required:true, minlength:2}"multiple="multiple">
    <option value="b">Banana</option>
    <option value="a">Apple</option>
    <option value="p">Peach</option>
    <option value="t">Turtle</option>
</select>

jQuery.validate 中文API

名称	返回类型	描述
validate(options)	返回:Validator	验证所选的FORM
valid()	返回:Boolean	检查是否验证通过
rules()	返回:Options	返回元素的验证规则
rules("add",rules)	返回:Options	增加验证规则
rules("remove",rules)	返回:Options	删除验证规则
removeAttrs(attributes)	返回:Options	删除特殊属性并且返回他们
Custom selectors
:blank	返回:Validator	没有值的筛选器
:filled	返回:Array <Element >	有值的筛选器
:unchecked	返回:Array <Element >	没选择的元素的筛选器
Utilities
jQuery.format (template,argument ,argumentN...)	返回:String	用参数代替模板中的 {n}

Validator:

validate方法返回一个Validator对象,它有很多方法, 让你能使用引发校验程序或者改变form的内容. validator对象有很多方法,但下面只是列出常用的

form()

返回:Boolean

验证form返回成功还是失败

element(element)

返回:Boolean

验证单个元素是成功还是失败

resetForm()

返回:undefined

把前面验证的FORM恢复到验证前原来的状态

showErrors(errors)

返回:undefined

显示特定的错误信息

Validator functions:

setDefaults(defaults)

返回:undefined

改变默认的设置

addMethod(name,method,message)

返回:undefined

添加一个新的验证方法. 必须包括一个独一无二的名字,一个JAVASCRIPT的方法和一个默认的信息

addClassRules(name,rules)

返回:undefined

增加组合验证类型在一个类里面用多种验证方法里比较有用

addClassRules(rules)

返回:undefined

增加组合验证类型在一个类里面用多种验证方法里比较有用,这个是一下子加多个

内置验证方式：

required()

返回:Boolean

必填验证元素

required(dependency-expression)

返回:Boolean

必填元素依赖于表达式的结果

required(dependency-callback)

返回:Boolean

必填元素依赖于回调函数的结果

remote(url)

返回:Boolean

请求远程校验。url通常是一个远程调用方法

minlength(length)

返回:Boolean

设置最小长度

maxlength(length)

返回:Boolean

设置最大长度

rangelength(range)

返回:Boolean

设置一个长度范围[min,max]

min(value)

返回:Boolean

设置最大值

max(value)

返回:Boolean

设置最小值

email()

返回:Boolean

验证电子邮箱格式

range(range)

返回:Boolean

设置值的范围

url()

返回:Boolean

验证URL格式

date()

返回:Boolean

验证日期格式(类似30/30/2008的格式,不验证日期准确性只验证格式)

dateISO()

返回:Boolean

验证ISO类型的日期格式

dateDE()

返回:Boolean

验证德式的日期格式（29.04.1994 or
1.1.2006）

number()

返回:Boolean

验证十进制数字（包括小数的）

digits()

返回:Boolean

验证整数

creditcard()

返回:Boolean

验证信用卡号

accept(extension)

返回:Boolean

验证相同后缀名的字符串

equalTo(other)

返回:Boolean

验证两个输入框的内容是否相同

phoneUS()

返回:Boolean

验证美式的电话号码

validate ()的可选项：

debug:进行调试模式（表单不提交）:

$(".selector").validate

({

debug:true

})

把调试设置为默认:

$.validator.setDefaults({

debug:true

})

submitHandler:

通过验证后运行的函数,里面要加上表单提交的函数,否则表单不会提交

$(".selector").validate({

submitHandler:function(form)
{

$(form).ajaxSubmit();

}

})

ignore:

对某些元素不进行验证

$("#myform").validate({

ignore:".ignore"

})

rules:

自定义规则,key:value的形式,key是要验证的元素,value可以是字符串或对象

$(".selector").validate({

rules:{

name:"required",

email:{

required:true,

email:true

}

})

messages:

自定义的提示信息key:value的形式key是要验证的元素,值是字符串或函数

$(".selector").validate({

rules:{

name:"required",

email:{

required:true,

email:true

}

messages:{

name:"Name不能为空",

email:{

required:"E-mail不能为空",

email:"E-mail地址不正确"

}

})

groups:

对一组元素的验证,用一个错误提示,用error Placement控制把出错信息放在哪里

$("#myform").validate({

groups:{

username:"fname
lname"

errorPlacement:function(error,element) {

if (element.attr("name") ==
"fname" || element.attr("name") == "lname")

error.insertAfter("#lastname");

else

error.insertAfter(element);

debug:true

})

Onubmit Boolean 默认:true

是否提交时验证

$(".selector").validate({

onsubmit:false

})

onfocusout Boolean 默认:true

是否在获取焦点时验证

$(".selector").validate({

onfocusout:false

})

onkeyup Boolean 默认:true

是否在敲击键盘时验证

$(".selector").validate({

onkeyup:false

})

onclick Boolean 默认:true

是否在鼠标点击时验证（一般验证checkbox,radiobox）

$(".selector").validate({

onclick:false

})

focusInvalid Boolean 默认:true

提交表单后,未通过验证的表单(第一个或提交之前获得焦点的未通过验证的表单)会获得焦点

$(".selector").validate({

focusInvalid:false

})

focusCleanup Boolean 默认:false

当未通过验证的元素获得焦点时,并移除错误提示（避免和 focusInvalid.一起使用）

$(".selector").validate({

focusCleanup:true

})

errorClass String 默认:"error"

指定错误提示的css类名,可以自定义错误提示的样式

$(".selector").validate({

errorClass:"invalid"

})

errorElement String 默认:"label"

使用什么标签标记错误

$(".selector").validate

errorElement:"em"

})

wrapper String

使用什么标签再把上边的errorELement包起来

$(".selector").validate({

wrapper:"li"

})

errorLabelContainer Selector

把错误信息统一放在一个容器里面

$("#myform").validate({

errorLabelContainer:"#messageBox",

wrapper:"li",

submitHandler:function() {
alert("Submitted!") }

})

showErrors:

跟一个函数,可以显示总共有多少个未通过验证的元素

$(".selector").validate({

showErrors:function(errorMap,errorList) {

$("#summary").html("Your
form contains " + this.numberOfInvalids() + " errors,see details
below.");

this.defaultShowErrors();

}

})

errorPlacement:

跟一个函数,可以自定义错误放到哪里

$("#myform").validate({

rrorPlacement:function(error,element) {
error.appendTo(element.parent("td").next("td"));

debug:true

})

success:

要验证的元素通过验证后的动作,如果跟一个字符串,会当做一个css类,也可跟一个函数

$("#myform").validate({

success:"valid",

submitHandler:function()
{ alert("Submitted!") }

})

highlight:

可以给未通过验证的元素加效果,闪烁等

addMethod(name,method,message)方法：

参数name是添加的方法的名字

参数method是一个函数,接收三个参数(value,element,param)
value是元素的值,element是元素本身
param是参数,我们可以用addMethod来添加除built-in Validation
methods之外的验证方法比如有一个字段,只能输一个字母,范围是a-f,写法如下:

$.validator.addMethod("af",function(value,element,params){

if(value.length>1){

return false;

}

if(value>=params[0]
&& value<=params[1]){

return true;

}else{

return false;

}

},"必须是一个字母,且a-f");

用的时候,比如有个表单字段的id="username",则在rules中写

username:{

af:["a","f"]

}

addMethod的第一个参数,就是添加的验证方法的名子,这时是af

addMethod的第三个参数,就是自定义的错误提示,这里的提示为:"必须是一个字母,且a-f"

addMethod的第二个参数,是一个函数,这个比较重要,决定了用这个验证方法时的写法

如果只有一个参数,直接写,如果af:"a",那么a就是这个唯一的参数,如果多个参数,用在[]里,用逗号分开

meta String方式：

$("#myform").validate({

meta:"validate",

submitHandler:function() {
alert("Submitted!") }

})

</form>

*********************************************************************************************************

jquery.cookie用法详细解析

本篇文章主要是对jquery.cookie的用法进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助

一个轻量级的cookie插件，可以读取、写入、删除cookie。

jquery.cookie.js的配置

首先包含jQuery的库文件，在后面包含jquery.cookie.js的库文件

使用方法

新添加一个会话cookie：

$.cookie('the_cookie', 'the_value');

注：当没有指明cookie有效时间时，所创建的cookie有效期默认到用户关闭浏览器为止，所以被称为“会话cookie（session cookie）”

创建一个cookie并设置有效时间为7天:

$.cookie('the_cookie', 'the_value', { expires: 7 });

注：当指明了cookie有效时间时，所创建的cookie被称为“持久cookie（persistent cookie）”。

创建一个cookie并设置cookie的有效路径：

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });

注：在默认情况下，只有设置cookie的网页才能读取该cookie。如果想让一个页面读取另一个页面设置的cookie，必须设置cookie的路径。

cookie的路径用于设置能够读取cookie的顶级目录。将这个路径设置为网站的根目录，可以让所有网页都能互相读取cookie（一般不要这样设置，防止出现冲突）

读取cookie:

$.cookie('the_cookie');

// cookie存在 => 'the_value' $.cookie('not_existing'); // cookie不存在 =>null

删除cookie，通过传递null作为cookie的值即可：

$.cookie('the_cookie', null);

相关参数的解释

expires: 365

定义cookie的有效时间，值可以是一个（从创建cookie时算起，以天为单位）或一个Date。

如果省略，那么创建的cookie是会话cookie，将在用户退出浏览器时被删除。

path: '/'

默认情况：只有设置cookie的网页才能读取该cookie。

定义cookie的有效路径。默认情况下，该参数的值为创建cookie的网页所在路径（标准浏览器的行为）。

如果你想在整个网站中访问这个cookie需要这样设置有效路径：path: '/'。

如果你想删除一个定义了有效路径的cookie，你需要在调用函数时包含这个路径:$.cookie('the_cookie', null, { path: '/' });。

domain: 'example.com'

默认值：创建cookie的网页所拥有的域名。

secure: true

默认值：false。如果为true，cookie的传输需要使用安全协议（HTTPS）。

raw: true

默认值：false。默认情况下，读取和写入cookie的时候自动进行编码和解码（使用encodeURIComponent编码，decodeURIComponent解码）。

要关闭这个功能设置raw: true即可。

$.cookie('the_cookie'); // get cookie $.cookie('the_cookie', 'the_value'); //set cookie $.cookie('the_cookie', 'the_value', { expires: 7 }); // set cookiewith an expiration date seven days in the future $.cookie('the_cookie', '', {expires: -1 }); // delete cookie
$.cookie('the_cookie', null); // delete cookie

$.cookie('the_cookie','the_value', {expires: 7, path: '/', domain:'80tvb.com',secure: true});//完整调用方式

//或者这样：$.cookie('the_cookie','the_value');

//删除Cookie： $.cookie('the_cookie',null);

jQuery操作cookie的插件,大概的使用方法如下

$.cookie('the_cookie'); //读取Cookie值
$.cookie('the_cookie', ‘the_value'); //设置cookie的值
$.cookie('the_cookie', ‘the_value', {expires: 7, path: ‘/', domain:‘jquery.com', secure: true});//新建一个cookie 包括有效期路径域名等
$.cookie('the_cookie', ‘the_value'); //新建cookie
$.cookie('the_cookie', null); //删除一个cookie

jquery设置cookie过期时间与检查cookies是否可用

让cookies在x分钟后过期
var date = new date();
date.settime(date.gettime() + (x * 60 * 1000));
$.cookie(‘example', ‘foo', { expires: date });

$.cookie(‘example', ‘foo', { expires: 7});

检查cookies是否可用
$(document).ready(function() {var dt = newdate();dt.setseconds(dt.getseconds() + 60);document.cookie = “cookietest=1;expires=” + dt.togmtstring();var cookiesenabled =document.cookie.indexof(“cookietest=”) != -1;if(!cookiesenabled){//cookies不能用……..}});

**********************************

Jquery.Form用法详解

插件主要的方法：

ajaxForm
ajaxSubmit
formToArray
formSerialize

fieldSerialize
fieldValue
clearForm
clearFields
resetForm

示例代码：

`1`	`// wait for the DOM to be loaded`
`2`	`$(document).ready(function() {`

`3`	`// bind 'myForm' and provide a simple callback function`
`4`	`$('#myForm').ajaxForm(function() {`

`5`	`alert("Thank you for your comment!");`
`6`	`});`

7

});

下载地址： http://malsup.github.com/jquery.form.js

表单插件API

英文原文：http://www.malsup.com/jquery/form/#api

表单插件API提供了几个方法，让你轻松管理表单数据和进行表单提交。

ajaxForm（）

增加所有需要的事件监听器，为AJAX提交表单做好准备。ajaxForm不能提交表单。在document的ready函数中，使用ajaxForm来为AJAX提交表单进行准备。ajaxForm接受0个或1个参数。这个单个的参数既可以是一个回调函数，也可以是一个Options对象。
可链接（Chainable）：可以。

实例：

$('#myFormId').ajaxForm();

ajaxSubmit（）

马上由AJAX来提交表单。大多数情况下，都是调用ajaxSubmit来对用户提交表单进行响应。ajaxSubmit接受0个或1个参数。这个单个的参数既可以是一个回调函数，也可以是一个Options对象。
可链接（Chainable）：可以。

实例：

`1`	`//` `绑定表单提交事件处理器`
`2`	`$('#myFormId').submit(function() {`

`3`	`//` `提交表单`
`4`	`$(this).ajaxSubmit();`

`5`	`//` `为了防止普通浏览器进行表单提交和产生页面导航（防止页面刷新？）返回false`
`6`	`return` `false;`

`7`	`});`
`8`

`9`	`formSerialize（）`

将表单串行化（或序列化）成一个查询字符串。这个方法将返回以下格式的字符串：name1=value1&name2=value2。
可链接（Chainable）：不能，这个方法返回一个字符串。

实例：

var queryString = $('#myFormId').formSerialize();

// 现在可以使用$.get、$.post、$.ajax等来提交数据
$.post('myscript.php', queryString);

fieldSerialize（）

将表单的字段元素串行化（或序列化）成一个查询字符串。当只有部分表单字段需要进行串行化（或序列化）时，这个就方便了。这个方法将返回以下格式的字符串：name1=value1&name2=value2。
可链接（Chainable）：不能，这个方法返回一个字符串。

实例：

var queryString = $('#myFormId .specialFields').fieldSerialize();

fieldValue（）

返回匹配插入数组中的表单元素值。从0.91版起，该方法将总是以数组的形式返回数据。如果元素值被判定可能无效，则数组为空，否则它将包含一个或多于一个的元素值。
可链接（Chainable）：不能，该方法返回数组。

实例：

// 取得密码输入值
var value = $('#myFormId :password').fieldValue();
alert('The password is: ' + value[0]);

resetForm（）

通过调用表单元素原有的DOM方法，将表单恢复到初始状态。
可链接（Chainable）：可以。

实例：

$('#myFormId').resetForm();

clearForm（）

清除表单元素。该方法将所有的文本（text）输入字段、密码（password）输入字段和文本区域（textarea）字段置空，清除任何select元素中的选定，以及将所有的单选（radio）按钮和多选（checkbox）按钮重置为非选定状态。
可链接（Chainable）：可以。

$('#myFormId').clearForm();

clearFields（）

清除字段元素。只有部分表单元素需要清除时才方便使用。
可链接（Chainable）：可以。

$('#myFormId .specialFields').clearFields();

Options对象

ajaxForm和ajaxSubmit都支持众多的选项参数，这些选项参数可以使用一个Options对象来提供。Options只是一个JavaScript对象，它包含了如下一些属性与值的集合：

target

指明页面中由服务器响应进行更新的元素。元素的值可能被指定为一个jQuery选择器字符串，一个jQuery对象，或者一个DOM元素。
默认值：null。

url

指定提交表单数据的URL。
默认值：表单的action属性值

type

指定提交表单数据的方法（method）：“GET”或“POST”。
默认值：表单的method属性值（如果没有找到默认为“GET”）。

beforeSubmit

表单提交前被调用的回调函数。“beforeSubmit”回调函数作为一个钩子（hook），被提供来运行预提交逻辑或者校验表单数据。如果“beforeSubmit”回调函数返回false，那么表单将不被提交。“beforeSubmit”回调函数带三个调用参数：数组形式的表单数据，jQuery表单对象，以及传入ajaxForm/ajaxSubmit中的Options对象。表单数组接受以下方式的数据：

[ { name: 'username', value: 'jresig' }, { name: 'password', value: 'secret' } ]

默认值：null

success

表单成功提交后调用的回调函数。如果提供“success”回调函数，当从服务器返回响应后它被调用。然后由dataType选项值决定传回responseText还是responseXML的值。
默认值：null

dataType

期望返回的数据类型。null、“xml”、“script”或者“json”其中之一。dataType提供一种方法，它规定了怎样处理服务器的响应。这个被直接地反映到jQuery.httpData方法中去。下面的值被支持：

'xml'：如果dataType == 'xml'，将把服务器响应作为XML来对待。同时，如果“success”回调方法被指定，将传回responseXML值。

'json'：如果dataType == 'json'，服务器响应将被求值，并传递到“success”回调方法，如果它被指定的话。

'script'：如果dataType == 'script'，服务器响应将求值成纯文本。

默认值：null（服务器返回responseText值）

semantic

Booleanflag indicating whether data must be submitted in strict semantic order(slower). Note that the normal form serialization is done in semantic orderwith the exception of input elements of type="image". You should onlyset the semantic option to true if your server has strict semantic requirementsand your form contains an input element of type="image".
布尔标志，表示数据是否必须严格按照语义顺序（slower？）来进行提交。注意：一般来说，表单已经按照语义顺序来进行了串行化（或序列化），除了type="image"的input元素。如果你的服务器有严格的语义要求，以及表单中包含有一个type="image"的input元素，就应该将semantic设置为true。（译注：这一段由于无法理解，翻译出来可能语不达意，但请达人指正。）
默认值：false

resetForm

布尔标志，表示如果表单提交成功是否进行重置。
Default value: null

clearForm

布尔标志，表示如果表单提交成功是否清除表单数据。
默认值：null

实例：

// 准备好Options对象

`1`	`var` `options = {`
`2`	`target:` `'#divToUpdate',`

`3`	`url:` `'comment.php',`
`4`	`success:` `function() {`

`5`	`alert('Thanks for your comment!');`
`6`	`} };`

`7`
`8`	`//` `将options传给ajaxForm`

`9`	`$('#myForm').ajaxForm(options);`

注意：Options对象还可以用来将值传递给jQuery的$.ajax方法。如果你熟悉$.ajax所支持的options，你可以利用它们来将Options对象传递给ajaxForm和ajaxSubmit。

ajaxForm()适用于以表单提交方式处理ajax技术（需要提供表单的action、id、 method，最好在表单中提供submit按钮）它大大简化了使用ajax技术提交表单时的数据传递问题，使用ajaxForm()你不需要逐个的以JavaScript的方式获取每个表单属性的值，并且也不需要在请求路径后面通过url重写的方式传递数据。ajaxForm()会自动收集当前表单中每个属性的值，然后将其以表单提交的方式提交到目标url。这种方式提交数据较安全，并且使用起来更简单，不必写过多冗余的JavaScript代码

$(document).ready(function(){

registerForm'表单id

data回调数据

$('#registerForm').ajaxForm(function(data){

alert(data);//弹出ajax请求后的回调结果

});

ajaxSubmit（）适用于以事件的机制以ajax提交form表单（超链接、图片的click事件），该方法作用与ajaxForm()类似，但它更为灵活，因为他依赖于事件机制，只要有事件存在就能使用该方法。你只需指定该form的action属性即可，不需要提供submit按钮。

$(document).ready(function(){

$('#btn').click(function(){

$('#registerForm').ajaxSubmit(function(data){

alert(data);

});

return false;

});

该段代码作用是在表单中id为btn的按钮click事件触发时通过ajaxSubmit（）方法以ajax技术提交表单到表单的action所指路径

formSerialize（）是将一个form中所有的表单元素以 name作为key，value作为值进行序列化操作，这就需要你必须为每一个表单元素设置表单元素name属性及填充表单元素value的值，最好也设置id方便jquery定位表单元素。若要使用此方法你必须设置表单元素name属性及填充表单元素value的值，我在初次使用时就忘了设置name属性，最后在同事的帮助下找了好久才发现此错误。