JavaScript笔记(2)

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 )	把一个给定父元素里的一个子节点替换为另外一个节点