JavaScript document方法大全.docx
- 文档编号:2376049
- 上传时间:2022-10-29
- 格式:DOCX
- 页数:8
- 大小:16.78KB
JavaScript document方法大全.docx
《JavaScript document方法大全.docx》由会员分享,可在线阅读,更多相关《JavaScript document方法大全.docx(8页珍藏版)》请在冰豆网上搜索。
JavaScriptdocument方法大全
JavaScript:
document对象方法属性大全
在JavaScript中document对象是一个极为常见的对象,提供丰富的属性和方法,使用起来也非常的方便。
下面我来总结一下这些属性和方法,以备您在使用中随时可以查看。
注意:
在JavaScript中对象的属性和方法是严格区分大小写的,所以您一定要按正确的大小写来使用,否则会出现无法找到对象或方法的提示。
document对象属性
document.title//设置文档标题等价于HTML的
document.bgColor//设置页面背景色
document.fgColor//设置前景色(文本颜色)
document.linkColor//未点击过的链接颜色
document.alinkColor//激活链接(焦点在此链接上)的颜色
document.vlinkColor//已点击过的链接颜色
document.URL//设置URL属性从而在同一窗口打开另一网页
document.fileCreatedDate//文件建立日期,只读属性
document.fileModifiedDate//文件修改日期,只读属性
document.fileSize//文件大小,只读属性
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//指定文档主体的开始和结束等价于
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="func()"//鼠标指针移到对象时触发
document.body.onmouseout="func()"//鼠标指针移出对象时触发
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//对应页面上的标签
document.images.length//对应页面上标签的个数
document.images[0]//第1个标签
document.images[i]//第i+1个标签
b)通过nane属性直接引用
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集合(页面中的表单)
a)通过集合引用
document.forms//对应页面上的
document.Myform.myctrl//document.表单名.控件名
c)访问表单的属性
document.forms[i].name//对应
document.forms[i].action//对应
document.forms[i].encoding//对应
document.forms[i].target//对应
document.forms[i].appendChild(oTag)//动态插入一个控件
实例演示1:
--Text控件相关Script-->
functionfun(){
//遍历checkbox控件的值并判断是否选中
varlength
length=document.forms[0].chk.length
for(i=0;i v=document.forms[0].chk[i].value b=document.forms[0].chk[i].checked if(b) alert(v=v+"被选中") else alert(v=v+"未选中") } } 提示: 点击运行代码按钮可看到实际效果 实例演示3: --Select控件相关Script--> //遍历select控件的option项 varlength length=document.Myform.oSelect.length for(i=0;i document.write(document.Myform.oSelect[i].value) //遍历option项并且判断某个option是否被选中 for(i=0;i if(document.Myform.oSelect[i].selected! =true) document.write(document.Myform.oSelect[i].value) else document.write(" }
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- JavaScript document方法大全 document 方法 大全