这篇“html中的document对象有什么用”除了程序员外大部分人都不太理解,今天小编为了让大家更加理解“html中的document对象有什么用”,给大家总结了以下内容,具有一定借鉴价值,内容详细步骤清晰,细节处理妥当,希望大家通过这篇文章有所收获,下面让我们一起来看看具体内容吧。
1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便,适合初学前端开发者使用。 2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。 3、平台无关性:超级文本标记语言能够在广泛的平台上使用,这也是万维网盛行的一个原因。 4、通用性:HTML是网络的通用语言,它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
首先我们来介绍一下HTML中的document对象:
文档对象(document)代表浏览器窗口中的文档,该对象是window对象的子对象,由于window对象是DOM对象模型中的默认对象,因此window对象中的方法和子对象不需要使用window来引用。
通过document对象可以访问HTML文档中包含的任何HTML标记并可以动态的改变HTML标记中的内容。
例如表单、图像、表格和超链接等。
再来看看HTML中的Document对象集合:
来看看网上对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>亿速云</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对象有什么用”这一关键问题有了一定的理解,具体使用情况还需要大家自己动手实验使用过才能领会,快去试试吧,如果想阅读更多相关知识点的文章,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。