`

document的用法

阅读更多
[/size]对象属性
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
[size=large]
分享到:
评论

相关推荐

    JavaScript中document用法小结

    JavaScript 中 document 对象用法小结 JavaScript 中的 document 对象是一个非常...document 对象提供了大量的属性和方法来操作 HTML 文档,掌握这些知识点可以帮助我们更好地使用 JavaScript 实现网页的交互功能。

    document.execCommand()的用法

    此方法在早期的Web开发中被广泛使用,特别是在富文本编辑器中,因为它提供了一种简便的方式来操作文档内容而无需编写复杂的JavaScript代码或调用其他库。 #### 语法 ```javascript document.execCommand(command, ...

    JavaScript中window和document用法详解

    掌握这两个对象的使用方法是成为一名熟练的前端开发者的前提。通过上述内容的学习,我们应当能够更加熟练地在实际项目中运用window和document对象进行页面交互和内容管理,从而创作出丰富多样的动态网页。

    javascript document 对象的用法大全

    ### JavaScript Document 对象详解 #### 一、Document 对象简介 在Web开发中,`document`对象是浏览器提供的一种能够操作HTML文档的方式。...掌握这些API的使用方法对于提高Web开发效率具有重要意义。

    document.body.scrollTop用法

    通过了解并掌握 `document.body.scrollTop` 的使用方法,我们可以实现更加丰富的用户体验。 #### 二、关键属性与方法 ##### 1. document.body.scrollTop - **定义**:表示页面被垂直滚动的距离,单位通常是像素。 ...

    document.getElementsByName()的用法

    ### document.getElementsByName() 的用法详解 在Web开发中,JavaScript提供了多种方法来选取HTML文档中的元素,以便开发者能够实现对页面动态操作的需求。其中`document.getElementsByName()`与`document....

    DEV documentManager 用法

    前段时间写DEMO突然发现了一个很不起眼的控件:documentManager,可能网上这方面的资料也比较少,或者是本来用的人也比较少,所以自己一个人琢磨了好一阵子终于弄了个DEMO出来,希望有需要的朋友可以借鉴并互相学习...

    JavaScript的document方法汇总

    6. **`document.charset`**:获取文档的字符集编码,例如`"gb2312"`表示使用简体中文编码。 - 示例:`console.log(document.charset);` #### 二、页面元素操作 1. **`document.write()`**:向文档写入指定的HTML...

    javascript里的document.all用法

    在现代Web开发中,更推荐使用`document.getElementById()`, `document.getElementsByClassName()`, `document.getElementsByTagName()`或`document.querySelector()`等标准方法,这些方法在所有现代浏览器中都有良好...

    JS的document_详细介绍及用法

    此外,`document`对象还有许多其他属性和方法,如`document.forms`用于访问表单,`document.images`用于访问图像,以及`document.getElementsByName()`和`getElementsByTagName()`方法用于按名称或标签名查找元素。...

    document_all用法

    document_all用法 原来没用过 现在了解了一点 分享一下

    HTML Document HTML Document HTML Document

    通过学习这些资源,你可以掌握创建静态网页的基本技能,了解如何组织页面内容、添加链接、处理图像、创建表格、使用样式(CSS)和脚本(JavaScript)进行交互等。此外,你还将了解到HTML文档的结构,包括文档类型...

    JS:document.all的用法

    然而,需要注意的是,`document.all`在标准浏览器中可能不受支持,因此在实际项目中,更推荐使用`document.getElementById`、`document.getElementsByName`等标准方法来访问DOM元素,以确保代码的兼容性和可维护性。

    Java调用XML的方法,使用Document

    Java调用XML的方法,使用Document方法,采用DocumentBuilder得到 DOM 解析器的工厂实例,然后从 DOM 工厂获得 DOM 解析器,把要解析的 XML 文档转化为输入流,以便 DOM 解析器解析它。

    DOCUMENT的对象操作

    - 通过`document.getElementsByTagName`, `document.getElementsByClassName`, `document.querySelector`和`document.querySelectorAll`等方法,可以遍历和操作文档对象模型(DOM),找到并修改HTML元素。...

    jQuery获取iframe的document对象的方法

    在网页开发中,有时我们需要对嵌入的`iframe`...通过`jQuery`的`prop`方法结合`contentWindow`属性,我们可以安全地访问和操作`iframe`内的元素。但同时也要注意跨域限制和性能优化,以确保代码的稳定性和效率。

    javascript的document对象

    掌握`Document`对象的基本用法对于进行前端开发至关重要。 #### Document对象的基础属性 - **document.title**:获取或设置HTML文档中的`<title>`元素的文本内容。 - **document.bgColor**:设置或返回HTML文档的...

    javascript-document对象详解(下).zip

    首先,`29.document-fun.html`可能是一个包含实际代码示例的HTML文件,它展示了`document`对象在实践中的用法。在HTML文档中,`document`对象允许我们访问和操作DOM(文档对象模型)。例如,我们可以使用`document....

    javascript 的Document属性和方法集合

    以下是一些主要的`Document`属性和方法的详细说明: 1. **属性** - `document.title`: 这个属性用于获取或设置当前文档的标题,它在浏览器的标签页上显示。 - `document.bgColor`, `document.fgColor`, `document...

    WSDL样式详解,soap中Rpc和Document的区别

    Web 服务描述语言(WSDL,Web Service Description Language)是一种XML格式,用于定义网络服务的接口,包括服务的位置、...在实际应用中,通常会倾向于使用Document/Literal样式,因为它更加灵活且与标准保持一致。

Global site tag (gtag.js) - Google Analytics