一、JavaScript常用内置对象
- HTML DOM对象
1.1Table对象(row:行;col:列)
1.1.1Table对象
*Table对象代表一个HTML表格
-<table>标签表示一个Table对象
*常用属性
-rows、cells
-rowspan跨行数
*常用方法
-insertRow(index):返回TableRow对象
-deleteRow(index)
1.1.2TableRow对象
*TableRow对象代表一个HTML表格行
-<tr>标签表示一个TableRow对象
*常用属性
-cells、innerHTML、rowIndex
*常用方法
-insertCell(index):返回TableCell对象
-deleteCell(index)
1.1.3TableCell对象
*TableCell对象代表一个HTML表格单元格
-<td>标签表示一个TableCell对象
*常用属性
-cellIndex、innerHTML、colSpan、rowSpan
- DHTML其他对象
1.1DHTML其他对象
1.1.1DHTML对象模型回顾
1.1.2screen对象
*Screen对象包含有关客户端显示屏幕的信息
*常用于获取屏幕的分辨率和色彩
*常用属性
-width/height
-availWidth/availHeight
1.1.3history对象
*history对象包含用户(在浏览器窗口中)访问过的URL
-length属性:浏览器历史列表中的URL数量
*方法
-back()
-forward()
-go(num)
1.1.4location对象
*location对象包含有关当前URL的信息
-常用于获取和改变当前浏览的网址
*href属性:当前窗口正在浏览的网页地址
*方法
-replace(url):转向到url网页地址
-reload():重新载入当前网址,同按下刷新按钮
1.1.5navigator对象
*navigator对象包含有关浏览器的信息
-常用于获取客户端浏览器和操作系统信息
- 事件
1.1事件概述
1.1.1事件概述
*事件:指DHTML对象在状态改变、操作鼠标或键盘时触发的动作
-鼠标事件
-键盘事件
-状态改变事件
*event对象
-事件触发后将会产生一个event对象
1.1.2事件句柄
*通过一个事件句柄,可以在某个事件发生时对某个元素进行某种操作
1.2事件处理
1.1.1事件定义
*在html属性定义中直接处理事件
*js代码中动态定义
*取消事件:onXXX=”return false;”
1.1.2事件的处理机制
*事件的冒泡处理机制
*可以取消事件的冒泡
-event.cancelBubble= true;
1.3event对象
1.1.1event对象
*任何事件触发后将会产生一个event对象
*event对象记录事件发生时的鼠标位置、键盘按键状态和触发对象等信息
-获得event对象
-使用event对象获得相关信息,如单击位置、触发对象等
*常用属性:clientX/client/cancelBubble等
1.1.2获取event对象
*需要考虑浏览器兼容性
*IE浏览器
-js或者html代码中直接使用event关键字
*Firefox浏览器
-html代码中直接使用event关键字
*在HTML代码中,在事件句柄定义时,使用event关键字将事件对象作为参数传入方法中
1.1.3使用event对象
*对于event对象,经常需要获得事件源
-事件源,即触发事件的元素(事件的目标节点)
*IE浏览器:event.srcElement
*Firefox浏览器:event.target