1. 鼠标事件
事件 | 说明 |
---|---|
onclick | 鼠标单击事件 |
onmouseover | 鼠标经过事件 |
onmouseout | 鼠标移开事件 |
onchange | 文本框内容改变事件 |
onselect | 文本框内容被选中事件 |
onfocus | 光标聚集 |
onblur | 光标离开 |
onload | 网页导入 |
onunload | 网页关闭 |
2.JavaScript的内置对象
2.3.1 Date 日期对象
常用方法:
方法 | 描述 |
---|---|
get/setDate() | 返回/设置日期 |
get/setFullYear() | 返回/设置年份,用四位数表示 |
get/setYear() | 返回设置年份 |
get/setMonth() | 返回/设置月份,0:一月…11:十二月 |
get/setHours() | 返回/设置小时,24小时制 |
get/setMinutes() | 返回/设置分钟数 |
get/setSeconds() | 返回/设置秒钟数 |
get/setTime() | 返回/设置时间(单位为毫秒) |
2.3.2 String字符串对象
String对象属性:
属性 | 描述 |
---|---|
constructor | 对创建该对象的函数的引用 |
length | 字符串的长度 |
prototype | 允许您向对象添加属性和方法 |
锚点设置
在网页浏览中经常见到有一个回到顶部按钮,点击之后就会直接跳到顶部,这个就是利用了锚点的特点
/* 这样计就设置成功了一个锚点 */
<a name="topPoint" href="#topPoint" />
浏览器对象
History对象
window.history.[属性|方法]
属性 | 描述 |
---|---|
length | 返回浏览器历史列表中的URL数量 |
方法 | 描述 |
---|---|
back() | 加载列表前一个URL |
forward() | 加载列表下一个URL |
go() | 加载列表中某一个具体页面 |
Location对象
location用于获取或设置窗体的URL,并且可以用于解析URL。
语法:
location.[属性|方法]
location对象属性描述
属性 | 描述 |
---|---|
hash | 设置或返回从’#’开始的URL锚 |
host | 设置或返回主机名和当前URl的端口号 |
hostname | 设置或返回当前URL的主机名 |
href | 设置或返回完整的URL |
pathname | 设置或返回当前URL的路径部分 |
port | 设置或返回当前URL的协议 |
protocol | 设置或返回当前URl协议 |
search | 设置或返回从’?’开始的URL查询部分 |
属性 | 描述 |
---|---|
assign() | 加载新的文档 |
reload() | 重新加载当前文档 |
replace() | 用新的文档替换当前文档 |
Navigator
Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。
属性 | 描述 |
---|---|
appCodeName | 浏览器代码的名字的字符串表示 |
appName | 返回浏览器的名称 |
appVersion | 返回浏览器的平台和版本信息 |
platform | 返回运行浏览器的操作系统平台 |
userAgent | 返回由客户机发送服务器的user-agent头部的值 |
screen对象
availHeight|窗口可使用的屏幕高度,单位像素
availWidth|窗口可使用的屏幕宽度,单位像素
colorDepth|浏览器表示的颜色位数,通常为32为(每像素的位数)
pixelDepth|浏览器表示的颜色位数,通常为32为(每像素的位数)
height|屏幕的高度,单位像素
width|屏幕的宽度,单位像素
DOM模型
DOM(document object model)对象文档模型 定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。
节点属性
方法 | 说明 |
---|---|
nodeName | 返回一个字符串,其内容是给定节点的名字 |
nodeType | 返回一个整数,这个数值代表给定节点的类型 |
nodeValue | 返回给定节点的当前值 |
遍历节点属性
方法 | 说明 |
---|---|
childNodes | 返回一个数组,包含给定元素节点的子节点构成 |
firstChild | 返回第一个子节点 |
lastChild | 返回最后一个子节点 |
parentNode | 返回给定节点的父节点 |
nextSibling | 返回给定节点下一个子节点 |
previousSibling | 返回给定节点的上一个子节点 |
DOM的操作
方法 | 说明 |
---|---|
createElement(element) | 创建一个新的元素节点 |
createNextNode() | 创建一个给定文本的新的文本节点 |
appendChild(“新节点”) | 指定节点的最后一个子节点列表之后添加一个新的子节点 |
insertBefore(“新节点”,”当前节点”) | 将一个给定节点插入到一个给定元素节点的给定子节点的前面 |
removeChild(“要删除的子节点名字”) | 从一个给定元素中删除一个子节点 |
replaceChild (newnode,oldnew ) | 把一个给定父元素里的一个子节点替换为另外一个节点 |