博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS--JavaScript中的document对象概述、API详解、文档对象模型
阅读量:2441 次
发布时间:2019-05-10

本文共 1085 字,大约阅读时间需要 3 分钟。

document对象

在浏览器窗口中,每个对象都会包含一个document属性,该属性引用窗口中显示HTML文档的document对象。document对象与它所包含的各种节点(如表单、图像和链接)构成了文档对象模型。

在这里插入图片描述

访问文档对象

浏览器在加载文档时,会自动构建文档对象模型,把文档中同类元素对象映射到一个集合中,然后以document对象属性的形式允许用户访问。

以下集合都是HTMLCollection对象,为访问文档常用对象提供了快捷方式。

  • document.anchors:

    返回文档中所有Anchor对象,即所有带name特性的< a > 标签

  • document.applets:

    返回文档中所有Applet对象,即所有带< applet >的标签,不再推荐使用

  • document.forms:

    返回文档中所有Form对象,与documentgetElementsByTagName(“form”)得到相同的结果

  • document.images:

    返回文档中所有Image对象,与documentgetElementsByTagName(“img”)得到相同的结果

  • document.links:

    返回文档中所有Area和Link对象,即所有带fref特性的 < a > 标签

示例:使用name访问文档元素

动态生成文档内容

使用document对象的write()和writeLn()方法可以动态生成文档内容。包括以下两种方式:

  • 在浏览器解析时动态输出信息
  • 在调用事件处理函数时使用write()或writeLn()方法生成文档内容

注意:write()方法可以包含多个参数,当它传递多个参数时,这些参数将被依次写入文档。

**示例:**使用open()方法可以为某个框架创建文档,也可以使用write()方法为其添加内容。在下面框架集文档中。左侧的文档为left1.html,而右侧框架还没有文档内容。

left1.html

			

左侧的页面,单击页面动态生成右侧页面

index.html

			

首先调用document对象的open()方法创建一个文档,然后调用write()方法在文档中写入内容,最后调用document对象的方法close()结束创建过程。这样在框架页的左侧框架文档中单击时,浏览器会自动在右侧框架中新创建一个文档,并生成一个二级标题信息。

注意:使用open(0后,一定要注意调用close()方法关闭文档,只有在关闭文档时,浏览器才输出显示缓存信息。

转载地址:http://ussqb.baihongyu.com/

你可能感兴趣的文章
如何自定义您的Android启动屏幕
查看>>
如何将iPhone的应用程序数据备份到Dropbox
查看>>
您可能不知道的7个搜索提示
查看>>
显示分辨率和图像分辨率_如何用任何图像制作高分辨率Windows 7图标
查看>>
赢得阵亡将士纪念日的十大怪异项目
查看>>
启动命令提示符作用_如何(为什么)从命令提示符下启动Microsoft Word
查看>>
加密货币钱包提供商_每日新闻摘要:一位加密货币钱包开发者为了保护用户而黑客攻击
查看>>
智能清洁机器人_如何清洁脏的智能手机(不破任何东西)
查看>>
如何在PowerPoint中制作流程图
查看>>
如何从Facebook迁移到Google+
查看>>
双系统默认启动更改_如何轻松更改双启动PC的默认操作系统
查看>>
初学者Photoshop:十秒钟内的黑白和红色照片效果
查看>>
windows搭建wiki_如何在Windows PC上设置自己的强大Wiki
查看>>
ios avi_转换DVD,ISO和AVI视频以在iOS设备上播放
查看>>
uwp windows_每日新闻摘要:通用Windows平台(UWP)应用似乎正在提供生命支持
查看>>
chromebook刷机_每日新闻摘要:Google终止了将Windows引入Chromebook的项目
查看>>
vue alexa:_免费下载:在任何PC上使用Alexa免提
查看>>
2019新闻列表_每日新闻摘要:Google I / O 2019的期望
查看>>
如何修复破坏大照片的Undertow
查看>>
电子书pdf文件网站_如何转换PDF文件以便于阅读电子书
查看>>