百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> html中的document对象有哪些?一篇文章让你理解document对象
分享文章到:

html中的document对象有哪些?一篇文章让你理解document对象

发布时间:09/01 来源:未知 浏览: 关键词:
本篇文章主要的介绍了关于HTML document对象的说明,还有关于HTML document对象的使用实例解析,接下来让我们一起来看这篇文章吧

第一我们来介绍一下HTML中的document对象:

文档对象(document)代表阅读器窗口中的文档,该对象是window对象的子对象,由于window对象是DOM对象模型中的默许对象,因此window对象中的办法和子对象不需要使用window来援用。

通过document对象可以拜访HTML文档中包括的任何HTML标志并可以动态的改动HTML标志中的内容。

例如表单、图像、表格和超链接等。

再来看看HTML中的Document对象汇合:

tuyi.png来看看网上对HTML中的document对象的描写:

HTMLDocument接口对DOM Document接口停止了扩展,定义HTML专用的属性和办法。

许多属性和办法都是HTMLCollection对象(实际上是可以用数组或名称索引的只读数组),其中留存了对锚、表单、链接乃至其他可足本元素的援用。

这些汇合属性都源自于0级DOM。它们已经被Document.getElementsByTagName()所代替,但是依然常常使用,由于他们很利便。

write()办法值得留意,在文档载入和解析的时候,它同意一个足本向文档中插入动态生成的内容。

留意,在1级DOM中,HTMLDocument定义了一个名为getElementById()的非常有用的办法。在2级DOM中,该办法已经被转移到了Document接口,它此刻由HTMLDocument继承而不是由它定义了。

接下来给个关于HTML document对象的使用实例:

<HTML>
<HEAD>
<TITLE>PHP中文网</TITLE>
<SCRIPT LANGUAGE="JScript">function reportMove()
{ window.status = "X=" + window.event.x + " Y=" + window.event.y;
}
</SCRIPT>
</head>
<BODY onmousemove="reportMove()">
<H1>欢迎!</H1>
</BODY>
</HTML>
上面的例子使

用了document对象检查文档标题并在新闻框中显示该标题(假如非空)。if(document.title!="")alert("标题为"+document.title)下面的例子演示了在阅读器的状态栏上显示鼠标当前位置的事件句柄函数,所得位置相关于文档的左上角。

以上就是本篇关于html document对象的介绍,和使用实例,让你更分明的理解HTML document对象,有什么疑问可以鄙人方发问。

【小编引荐】

html font标签怎样设定字体大小?html font标签属性用途介绍

HTML中增加图片的代码是啥?html怎样准确的增加图片途径?

以上就是html中的document对象是啥?一篇文章让你理解document对象的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有152人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板