EasyDemo*JavaScript常用内置对象part6

一、JavaScript常用内置对象

  1. 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

  1. 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.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

 

猜你喜欢

转载自blog.csdn.net/qq_36287601/article/details/81318915