JavaScript document方法大全文档格式.docx

JavaScript document方法大全文档格式.docx

《JavaScript document方法大全文档格式.docx》由会员分享，可在线阅读，更多相关《JavaScript document方法大全文档格式.docx（8页珍藏版）》请在冰豆网上搜索。

document.cookie//设置和读出cookie

document.charset//设置字符集简体中文:

gb2312

　　document对象方法

document.write（）//动态向页面写入内容

document.createElement（Tag）//创建一个html标签对象

document.getElementById（ID）//获得指定ID值的对象

document.getElementsByName（Name）//获得指定Name值的对象

document.body.appendChild（oTag）

body-主体子对象

document.body//指定文档主体的开始和结束等价于<

body>

<

/body>

document.body.bgColor//设置或获取对象后面的背景颜色

document.body.link//未点击过的链接颜色

document.body.alink//激活链接（焦点在此链接上）的颜色

document.body.vlink//已点击过的链接颜色

document.body.text//文本色

document.body.innerText//设置<

...<

之间的文本

document.body.innerHTML//设置<

之间的HTML代码

document.body.topMargin//页面上边距

document.body.leftMargin//页面左边距

document.body.rightMargin//页面右边距

document.body.bottomMargin//页面下边距

document.body.background//背景图片

document.body.appendChild（oTag）//动态生成一个HTML对象

　　document常用对象事件

document.body.onclick="

func（）"

//鼠标指针单击对象是触发

document.body.onmouseover="

//鼠标指针移到对象时触发

document.body.onmouseout="

//鼠标指针移出对象时触发

　　document.location-位置子对象

document.location.hash//#号后的部分

document.location.host//域名+端口号

document.location.hostname//域名

document.location.href//完整URL

document.location.pathname//目录部分

document.location.port//端口号

document.location.protocol//网络协议（http:

）

document.location.search//?

号后的部分

documeny.location.reload（）//刷新网页

document.location.reload（URL）//打开新的网页

document.location.assign（URL）//打开新的网页

document.location.replace（URL）//打开新的网页

　　selection-选区子对象

document.selection

　　document.images集合（页面中的图象）

a）通过集合引用

document.images//对应页面上的<

img>

document.images.length//对应页面上<

标签的个数

document.images[0]//第1个<

标签

document.images[i]//第i+1个<

b）通过nane属性直接引用

imgname="

oImage"

>

document.images.oImage//document.images.name属性

c）引用图片的src属性

document.images.oImage.src//document.images.name属性.src

d）创建一个图象

varoImage

oImage=newImage（）

document.images.oImage.src="

1.jpg"

同时在页面上建立一个<

标签与之对应就可以显示

　　document.forms集合（页面中的表单）

document.forms//对应页面上的<

form>

document.forms.length//对应页面上<

document.forms[0]//第1个<

document.forms[i]//第i-1个<

document.forms[i].length//第i-1个<

中的控件数

document.forms[i].elements[j]//第i-1个<

中第j-1个控件

b）通过标签name属性直接引用

formname="

Myform"

inputname="

myctrl"

/form>

document.Myform.myctrl//document.表单名.控件名

c）访问表单的属性

document.forms[i].name//对应<

formname>

属性

document.forms[i].action//对应<

formaction>

document.forms[i].encoding//对应<

formenctype>

document.forms[i].target//对应<

formtarget>

document.forms[i].appendChild（oTag）//动态插入一个控件

　　实例演示1：

html>

!

--Text控件相关Script-->

inputtype="

text"

name="

oText"

password"

oPswd"

scriptlanguage="

javascript"

//获取文本密码框的值

document.write（document.Myform.oText.value）

document.write（document.Myform.oPswd.value）

/script>

/html>

　　　提示：

点击运行代码按钮可看到实际效果

　　实例演示2：

--checkbox,radio控件相关script-->

input_cke_saved_name="

checkbox"

chk"

value="

1"

1

2"

2

functionfun（）{

//遍历checkbox控件的值并判断是否选中

varlength

length=document.forms[0].chk.length

for（i=0;

i<

length;

i++）{

v=document.forms[0].chk[i].value

b=document.forms[0].chk[i].checked

if（b）

alert（v=v+"

被选中"

）

else

未选中"

}

ahref=#onclick="

fun（）"

ddd<

/a>

　　实例演示3：

--Select控件相关Script-->

select_cke_saved_name="

selectname="

oSelect"

optionvalue="

1<

/option>

2<

3"

3<

/select>

//遍历select控件的option项

varlength

length=document.Myform.oSelect.length

i++）

document.write（document.Myform.oSelect[i].value）

//遍历option项并且判断某个option是否被选中

document.Myform.oSelect.length;

i++）{

if（document.Myform.oSelect[i].selected!

=true）

else

document.write（"

fontcolor=red>

"

+document.Myform.oSelect[i].value+"

/font>

}

scr