Document对象内容集合(比较全)


Posted in Javascript onSeptember 06, 2010

document 文挡对象 - JavaScript脚本语言描述
———————————————————————
注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写
否则会提示你一个错误信息 “引用的元素为空或者不是对象\\\\\”
———————————————————————

对象属性
document.title //设置文档标题等价于HTML的title标签
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.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 //设置body>…/body>之间的文本
document.body.innerHTML //设置body>…/body>之间的HTML代码
document.body.topMargin //页面上边距
document.body.leftMargin //页面左边距
document.body.rightMargin //页面右边距
document.body.bottomMargin //页面下边距
document.body.background //背景图片

document.body.appendChild(oTag) //动态生成一个HTML对象

常用对象事件
document.body.onclick=”func()” //鼠标指针单击对象是触发
document.body.onmouseover=”func()” //鼠标指针移到对象时触发
document.body.onmouseout=”func()” //鼠标指针移出对象时触发
———————————————————————
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
———————————————————————

images集合(页面中的图象)

a)通过集合引用
document.images //对应页面上的img标签
document.images.length //对应页面上img标签的个数
document.images[0] //第1个img标签
document.images[i] //第i-1个img标签

b)通过nane属性直接引用
img name=”oImage”
document.images.oImage //document.images.name属性

c)引用图片的src属性
document.images.oImage.src //document.images.name属性.src

d)创建一个图象
var oImage
oImage = new Image()
document.images.oImage.src=”1.jpg”
同时在页面上建立一个img /标签与之对应就可以显示

———————————————————————-

forms集合(页面中的表单)

a)通过集合引用
document.forms //对应页面上的form标签
document.forms.length //对应页面上/formform标签的个数
document.forms[0] //第1个/formform标签
document.forms[i] //第i-1个/formform标签
document.forms[i].length //第i-1个/formform中的控件数
document.forms[i].elements[j] //第i-1个/formform中第j-1个控件

b)通过标签name属性直接引用
/formform name=”Myform”>input name=”myctrl”/>/form
document.Myform.myctrl //document.表单名.控件名

c)访问表单的属性
document.forms[i].name //对应form name>属性
document.forms[i].action //对应/formform action>属性
document.forms[i].encoding //对应/formform enctype>属性
document.forms[i].target //对应/formform target>属性

document.forms[i].appendChild(oTag) //动态插入一个控件
document.all.oDiv //引用图层oDiv
document.all.oDiv.style.display=”" //图层设置为可视
document.all.oDiv.style.display=”none” //图层设置为隐藏
document.getElementId(”oDiv”) //通过getElementId引用对象
document.getElementId(”oDiv”).style=”"
document.getElementId(”oDiv”).display=”none”
/*document.all表示document中所有对象的集合
只有ie支持此属性,因此也用来判断浏览器的种类*/

图层对象的4个属性
document.getElementById(”ID”).innerText //动态输出文本
document.getElementById(”ID”).innerHTML //动态输出HTML
document.getElementById(”ID”).outerText //同innerText
document.getElementById(”ID”).outerHTML //同innerHTML

Javascript 相关文章推荐
JavaScript中的私有成员
Sep 18 Javascript
实例:用 JavaScript 来操作字符串(一些字符串函数)
Feb 15 Javascript
学习YUI.Ext 第三天
Mar 10 Javascript
JavaScript高级程序设计 阅读笔记(十八) js跨平台的事件
Aug 14 Javascript
js获取元素外链样式的方法
Jan 27 Javascript
js实现table添加行tr、删除行tr、清空行tr的简单实例
Oct 15 Javascript
微信小程序 本地图片按照屏幕尺寸处理
Aug 04 Javascript
微信小程序中换行空格(多个空格)写法详解
Jul 10 Javascript
微信小程序云开发如何使用云函数生成二维码
May 18 Javascript
js实现div色块拖动录制
Jan 16 Javascript
vue-autoui自匹配webapi的UI控件的实现
Mar 20 Javascript
TS 类型兼容教程示例详解
Sep 23 Javascript
Jquery优化效率 提升性能解决方案
Sep 06 #Javascript
jquery中this的使用说明
Sep 06 #Javascript
firefox下frameset取不到值的解决方法
Sep 06 #Javascript
js过滤数组重复元素的方法
Sep 05 #Javascript
麻雀虽小五脏俱全 Dojo自定义控件应用
Sep 04 #Javascript
JavaScrip单线程引擎工作原理分析
Sep 04 #Javascript
onsubmit阻止form表单提交与onclick的相关操作
Sep 03 #Javascript
You might like
php 文件缓存函数
2011/10/08 PHP
PHP合并数组的2种方法小结
2016/11/24 PHP
通过jquery实现tab标签浏览效果
2007/02/20 Javascript
javascript setTimeout和setInterval 的区别
2009/12/08 Javascript
javascript 构造函数方式定义对象
2015/01/02 Javascript
九种原生js动画效果
2015/11/11 Javascript
jQuery on()方法绑定动态元素的点击事件实例代码浅析
2016/06/16 Javascript
微信小程序 详解Page中data数据操作和函数调用
2017/01/12 Javascript
JavaScript实现正则去除a标签并保留内容的方法【测试可用】
2018/07/18 Javascript
Vue常用的几个指令附完整案例
2018/11/06 Javascript
浅析Angular 实现一个repeat指令的方法
2019/07/21 Javascript
uploadify插件实现多个图片上传并预览
2019/09/30 Javascript
在vue中使用jsx语法的使用方法
2019/09/30 Javascript
使用Python的Bottle框架写一个简单的服务接口的示例
2015/08/25 Python
Ruby使用eventmachine为HTTP服务器添加文件下载功能
2016/04/20 Python
Python实现的选择排序算法原理与用法实例分析
2017/11/22 Python
使用python实现knn算法
2017/12/20 Python
Python骚操作之动态定义函数
2019/03/26 Python
Python适配器模式代码实现解析
2019/08/02 Python
Django中使用haystack+whoosh实现搜索功能
2019/10/08 Python
Python上下文管理器全实例详解
2019/11/12 Python
Django自带用户认证系统使用方法解析
2020/11/12 Python
Selenium Webdriver元素定位的八种常用方式(小结)
2021/01/13 Python
详解Python中openpyxl模块基本用法
2021/02/23 Python
Python爬取网站图片并保存的实现示例
2021/02/26 Python
CSS3实现DIV圆角效果完整代码
2012/10/10 HTML / CSS
CSS3使用transition属性实现过渡效果
2018/04/18 HTML / CSS
美国第一香水网站:Perfume.com
2017/01/23 全球购物
个人社会实践自我鉴定
2014/03/24 职场文书
总经理检讨书
2014/09/15 职场文书
党员志愿者服务倡议书
2015/04/29 职场文书
毕业论文致谢怎么写
2015/05/14 职场文书
新年祝酒词大全
2015/08/11 职场文书
给学校的建议书400字
2015/09/14 职场文书
《思路决定出路》读后感3篇
2019/12/11 职场文书
Python使用Beautiful Soup(BS4)库解析HTML和XML
2022/06/05 Python