day05HTML DOM内置对象

Html dom内置对象

html dom指的是在w3c dom出现之前,各大浏览器都支持的一些dom对象及操作.

表格相关:

Table 表格

属性:

rows:返回当前表格表格航所组成的数组对象

方法:

insertRow(index)插入表格行返回值是刚刚插入的表格行对象

deleteRow(index)删除表格行

tabRow表格行

属性:

cells:返回该表格行中所有的单元格对象组成的数组

insertCell(index)返回刚刚插入的单元格对象

deleteCell(index)

tableCell单元格

下拉列表相关:

select 下拉列表对象

属性:

selectedIndex:当前正选择项的下标

length:返回下拉列表所包含的下拉项的个数

options:返回下拉列表所包含的下拉项所组成的数组option 对象

Option 下拉列表对象<option value="">北京</option>

属性:

text:下拉项的内容文本

value:下拉项的value属性值

selected:当前下拉项是否被选中 true false

===========================================

BOM Browser Object Model

浏览器对象模型

包含了浏览器内置的一些对象,用来操作窗口

这些对象有:window ,location, navigator ,XMLHttpRequest 等.

window:窗口对象

属性:

location:封装了当前的url信息

window.location.href获取url字符串

screenX

screenY

navigator:封装了当前浏览器的信息(netScope navigator)

XMLHttpRequest: ajax相关的js对象

方法:

alert()      弹警告窗

confirm() 弹出确定窗

prompt() 弹出输入窗

open()打开子页面

open(url)

opener//父窗口的句柄,子窗口的属性

close()关闭子页面

js定时器相关API

setTimeout(f1,5000): f1函数名隔多久以后执行一次函数

setTimeout(function(){匿名函数},5000);   clearTimeout(定时器对象)

setInterval:每隔多久以后执行一次周期函数clearInterval(定时器对象)

javaScript事件处理机制

js事件绑定的两种方式

1>把事件绑定在html的标签上

<a onclick()="xx">

2>把事件绑定在js dom节点对象上

<a id="a"></a>

load(){

$('a').οnclick=function (e){//火狐需要把event传过去

e.xxx

};//必须在onload函数中,(页面未加载完成a无法拿到)

}

如何获取事件对象的事件源

IE:event.srcElement

FireFox:event.target

IE/firefox: event.srcElement||event.target

========================================

javascript面向对象基础:

支持封装,不支持继承和多态的语法.

如何创建对象:

1>使用function模拟创建类型,然后使用new关键字创建对象.

function Persion(name, age) {

this.name = name;

this.age = age;

this.say = function(){

alert("我是"+this.name);

};

}

2>使用Object创建临时对象.

var obj=new Object();

obj.name="zs";

obj.age=20;

obj.say=function(){

alert(".......");

}

3>使用json的语法创建对象

var obj={"key":"value,"key":value

"hobby":["h1","h2","h3"],"married":false,

"idcard":{"id":"2222","address":"shanghai"}

};

<user>

<name>xx</name>

<age>xx</age>

</user>

{"name":"xx","age":30} //轻量级的数据传入语言