`
wjlgryx
  • 浏览: 308593 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

document属性

阅读更多
对象属性

document.title //设置文档标题等价于HTML的title标签
document.bgColor //设置页面背景色
document.fgColor //设置前景色(文本颜色)
document.linkColor //未点击过的链接颜色
document.alinkColor //激活链接(焦点在此链接上)的颜色
document.vlinkColor //已点击过的链接颜色
document.URL //设置URL属性从而在同一窗口打开另一网页
document.fileCreatedDate //文件建立日期,只读属性
document.fileModifiedDate //文件修改日期,只读属性
document.charset //设置字符集 简体中文:gb2312
document.fileSize //文件大小,只读属性
document.cookie //设置和读出cookie

———————————————————————
常用对象方法

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 // 域名+端口号//好像返回的是主机名localhost,没有返回端口号
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

例如:

<div>请选中这里的部分文字。</div>
<div><input type="button" value="请选中部分文字,然后点击这里执行 empty" onclick="javascript:Foo();" /></div>
<script type="text/javascript" language="javascript">
<!--
function Foo()
{
    document.selection.empty();
}
-->
</script>


selection的createRange方法

document.selection.createRange() 根据当前文字选择返回 TextRange 对象,或根据控件选择返回 ControlRange 对象。

配合 execCommand,在 HTML 编辑器中很有用,比如:文字加粗、斜体、复制、粘贴、创建超链接等。

这些好像都是只有在IE下才能实现。。

———————————————————————

images集合(页面中的图象)

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

b)通过name属性直接引用
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
分享到:
评论

相关推荐

    document属性和方法.txt

    ### Document属性和方法详解 #### 一、Document对象概述 `Document`对象是浏览器中一个非常重要的对象,它表示整个HTML文档。通过`Document`对象,开发者可以访问页面中的所有元素,实现对网页内容的动态操作。下面...

    INET控件Document属性

    这个控件的核心功能之一就是它的`Document`属性,这个属性允许开发者访问和操作控件加载的网页内容。 `Document`属性是INET控件中的一个关键属性,它返回的是一个接口对象,这个接口对象代表了当前控件加载的HTML...

    javascript 的Document属性和方法集合

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

    邮箱登录器(WebBrowser.Document)

    1. **WebBrowser控件的基本用法**:创建控件,设置Url属性加载网页,使用DocumentCompleted事件检测加载完成,然后通过Document属性访问网页内容。 2. **DOM操作**: - 查找元素:ById、GetElementsByTagName、...

    documentViewer xps xpsdocumnet 完整打印示例

    // 获取DocumentViewer的Document属性,这正是我们想要打印的XPS文档 printDlg.PrintVisual(docViewer, "打印文档"); } ``` 此外,`XpsDocument`还支持元数据操作,这是通过`XpsDocumentWriter`和`...

    JS的Document属性和方法小结

    document.title //设置文档标题...document.vlinkColor //已点击过的链接颜色 document.URL //设置URL属性从而在同一窗口打开另一网页 document.fileCreatedDate //文件建立日期,只读属性 document.fileModifiedDate

    JavaScript window.document的属性、方法和事件小结

    **document属性:** document对象包含了页面中所有元素的引用,可以操作和访问页面的结构、样式和内容。例如,document.body代表了整个body部分,通过它可以访问和修改页面的主体部分。属性中还包含了各种只读或可...

    JavaScript 节点操作 以及DOMDocument属性和方法

    DOMDocument对象是这个模型的核心,它代表了整个文档,并提供了访问和操作文档中各个元素的方法和属性。 首先,DOMDocument对象的一些重要属性包括: 1. `Attributes`: 这个属性是一个只读的NamedNodeMap,存储了...

    VB控件WEBBROWSER基本及进阶技巧合集.doc

    7. 如何获得网页的内容:可以通过使用 WEBBROWSER 控件的 Document 属性获取当前文档对象,然后使用其 Body 属性获取网页的内容。 8. 多框架框架页面访问:可以通过使用 WEBBROWSER 控件的 Frames 属性获取当前文档...

    document.body属性.document.body.scrollTop

    `document.body` 属性提供了一个直接与元素交互的方式,使得我们可以访问或修改页面上的内容、样式甚至事件处理。 `document.body.scrollTop` 是 `document.body` 对象的一个属性,它用于获取或设置浏览器窗口中 `...

    JavaScript调用window函数.docx

    本文将详细介绍 JavaScript 中的 window 对象的各个属性和方法,包括 status、statusbar、defaultstatus、location、locationbar、self、name、closed、frames、frames.length、length、document、history、...

    JavaScriptdocument对象方法属性大全

    ### JavaScript Document对象方法属性详解 在前端开发领域,掌握JavaScript中的`Document`对象是至关重要的。`Document`对象是浏览器窗口中的文档的根节点,它提供了丰富的API来操作和访问HTML文档的内容。以下是对...

    JavaScript.docx

    DOM1.3中的document节点是整个HTML文档的根节点,它在浏览器加载HTML时自动创建,并可通过window.document属性访问。document对象提供了多种方法和属性来操作文档,例如: 1. `title`属性:用于获取或设置当前文档...

    深入探讨:JavaScript中的`document.head`与`document.body`属性

    本文详细介绍了document.head与document.body属性的使用方法和应用场景,希望能够帮助你在实际开发中更好地处理文档结构的操作。如果你在实际开发中遇到任何问题,可以参考本文的内容,或者查阅相关的文档和社区讨论...

    winform 使用XmlDocument读写节点属性源码

    本资源提供了一个使用`XmlDocument`类进行XML节点和属性读写的源码示例,非常适合初学者或者需要此类功能的开发者学习和参考。 `XmlDocument`是.NET Framework中的一个类,位于System.Xml命名空间下,它提供了对XML...

    VB、VBA关于webbrowser相关操作大全

    在VB和VBA中,我们可以使用WebBrowser控件的Document属性来获得网页的内容。这个属性返回一个HTMLDocument对象,其中包含了网页的所有元素。 五、多框架框架页面访问 在WebBrowser控件中,我们可以使用 Frames ...

Global site tag (gtag.js) - Google Analytics