DOM编程之document对象

已于 2023-01-08 14:30:52 修改
阅读量1.1k 收藏
点赞数
分类专栏： JavaWeb 文章标签： Document
于 2014-03-04 19:28:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wqqinformation/article/details/20479933
版权

一、Document对象

1.Document概念

  • Document对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问;
  • Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问;
  • 每个载入浏览器的 HTML 文档都会成为 Document 对象。

 2.属性

  • bgcolor: 设置或检索Document对象的背景色
  • body: 提供对 <body> 元素的直接访问
  •   对于定义了框架集的文档，该属性引用最外层的 <frameset>
  • cookie: 设置或返回与当前文档有关的所有 cookie
  • domain: 返回当前文档的域名
  • lastModified: 返回文档被最后修改的日期和时间
  • referrer: 返回载入当前文档的文档的 URL
  • title: 返回当前文档的标题
  • URL:  返回当前文档的 URL

3.方法

  • close(): 关闭用 document.open() 方法打开的输出流，并显示选定的数据
  •  getElementById():返回对拥有指定 id 的第一个对象的引用
  • getElementByID():根据HTML元素指定的ID,获得唯一的一个HTML元素
  •   如:访问DIV层对象、图片Img对象
  • getElementsByName(): 根据HTML元素指定的name,获得相同名称的一组元素
  •    如:访问表单元素(全选功能)
  • open(): 打开一个流，以收集来自任何 document.write()
  •   或 document.writeln() 方法的输出
  • write(): 向文档写 HTML 表达式 或 JavaScript 代码
  • writeln(): 等同于 write() 方法，不同的是在每个表达式之后写一个换行符

二、常见页面坐标的介绍

  • top:指定元素的上边界位置
  • pixeTop:设置或返回元素的上边界
  • left:指定元素的左边界位置
  • scrolltop:页面滚动的高度

三、关于Document对象问题

1.请介绍Document对象的常用属性及含义?
  bgcolor:设置或检索Document对象的背景色

2.简要说明如何制作浮动的广告图片?
   1、使用DIV层,把图片放在层中
    2、使用getElementByID()方法获取层对象
    3、捕获鼠标滚动事件,改变层对象的位置坐标

3.请简述制作带关闭按钮的浮动窗口实现思路?
   1、在页面中插入层,在层中插入图片
   2、使用getElementById()方法获取层对象
   3、设置的样式style的显示属性display = "nooe"

4.如何制作全选/全不选复选框的效果?
  创建一组同名的复选框,通过循环来改变复选框是否被选中属性checked的值

5.复选框是否选中的属性是哪个?
   checked属性

6.写代码逐个复选框设置为true,有没有更好的办法?
   使用复选框数组,通过循环给checked属性赋值

GentleDevin
关注
专栏目录
Document目录相关代码总结
a13070119656的博客
10-09 307
通常用Document进行持久化保存， //创建目录字符串（只是拼接了一个目录字符串） NSArray *paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);  NSString *documentsDirectory = [paths objectAtIn
Document
03-16
Document
Javascript Document编程
Robin的技术网摘
09-02 312
Scripting Documents Document编程 [quote]document.write() inserts text into an HTML document at the location of the tag that contains the invocation of the method. [/quote] write()方法在代码所在处插入文档内...
JavaScriptDOM编程document对象
m0_67768699的博客
03-18 217
2.DOM全称：document object model 文档对象模型 3.DOM是W3C组织指定的一套标准，实现对HTML文档中标签及属性进行增删改查 4.BOM浏览器对象模型：包含了document对象，而document属于DOM。BOM包含DOM。
BOM编程-Document
格锅的博客
10-23 337
Document是一种类型，可以表示html文档和xml文档；document是一个表示整个html文档的对象（这个才是最常用的）； document对象是window对象的一个属性，可以直接访问。 这里所有的元素可以理解成标签 文档的子节点 对于html文档，document有且只有一个子节点就是html**元素** // 返回的是NODE类型还是Element类型呢
DOM文档 获取dom节点 ，使用document对象 通过函数来获取函数 利用循环来获取数据
red_HTML的博客
08-06 492
DOM文档 获取dom节点 ，使用document对象 通过函数来获取函数 利用循环来获取数据
第16讲 DOM编程-Document对象(三).ppt
03-11
在DOM编程中，我们经常使用Document对象来操作和访问文档的各种元素。以下是对Document对象的常用属性和方法的详细说明。 ### Document对象的常用属性： 1. **`document.URL`**：返回当前页面的完整URL。 2. **`...
第14讲 DOM编程-Document对象(一).ppt
03-11
【Document对象】是JavaScript中用于访问和操作HTML或XML文档的核心接口，它是整个DOM（文档对象模型）的基础。本讲主要介绍了Document对象的一些关键属性和方法，这些特性使得JavaScript能够与网页内容进行交互。 ...
JavaScript 第三章 DOM编程基础 使用document对象
03-24
总结，JavaScript的DOM编程是前端开发的基础技能，熟练掌握`document`对象的使用能帮助开发者灵活地操控网页内容。了解`visibility`和`display`的区别，以及如何在实际项目中应用，可以提升用户体验并实现更多交互...
html的DOM中document对象images集合用法实例
09-03
在HTML的Document Object Model (DOM) 中，`document` 对象是整个HTML文档的顶级对象，它提供了访问和操作HTML元素的方法。其中一个重要的属性是 `images` 集合，这个集合包含了文档中所有 `<img>` 标签所表示的图像...
基于javascipt-dom编程 table对象的使用
09-05
通过实践这些操作，我们可以进一步提升JavaScript和DOM编程能力，进而在前端开发中处理更复杂的动态网页交互场景。学习和掌握这些知识点，对于任何一个想要从事前端开发的IT行业人士来说，都是非常重要的基础。
document 属性代码
技术百科
03-29 303
程序代码 &lt;style&gt;#TableOne{position:absolute;border:10ridge#ff9900;top:200;left:200;dd:expression(this.onclick=function(){alert(32)});&lt;/style&gt;&lt;script&gt;functionbuildTable(){docBody=d...
HTML文档对象(DOM)
aong77039的博客
11-02 386
基本概念 每个载入浏览器的 HTML 文档都会成为 Document 对象。 Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。 Document 对象是 Window 对象的一部分 当浏览器打开一个HTML文档时，浏览器解析HTML文档的标记，并创建表示这些标记的对象，这些对象就是HTML文档对象。 文档对象即Document 对象，指的是一...
HTML DOM Document 对象
boss2967的博客
11-16 336
HTML DOM Document 对象 Document 对象 每个载入浏览器的 HTML 文档都会成为 Document 对象。 Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。 提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。 Document 对象
DOM编程系列之Document对象个人分享
weixin_33693070的博客
08-28 143
DOM Document对象是什么 在DOM里document对象可以代表页面 document对象可以得到HTML页面全部内容 document对象的原型是指向Node的 示例代码: <script> /* document对象 * DOM预定义 - 已经被创建完毕了 - 允许...
利用HERE Document携带C原代码
weixin_30522095的博客
06-08 129
#!/bin/bash echo "正在产生hello.c ..." echo cat <<'EOF'>hello.c # include <stdio.h> int main() { printf("hello world!\n"); return 0; } EOF echo "编译hello.c ..." echo # 编译产生执行文件 gcc...
Document 对象中的方法介绍-getElementById-getElementsByName- getElementsByTagName 方法示例代码
weixin_45185519的博客
07-27 3753
Document 对象中的方法介绍 document.getElementById(elementId):通过标签的 id 属性查找标签 dom 对象，elementId 是标签的 id 属性值 document.getElementsByName(elementName):通过标签的 name 属性查找标签 dom 对象，elementName 标签的 name 属性值 document.getElementsByTagName(tagname):通过标签名查找标签 dom 对象。tagname 是标
DOM之Document对象
跨境电商
04-17 930
Document 对象代表整个 HTML 文档，可用来访问页面中的所有元素。 Document 对象是 Window 对象的一个部分，可通过 window.document 属性来访问。 ... cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。 名字 cookie 当访问者首次访问页面时，他或她也许会填写他/她们的名字。名字会存储于 cookie 中。当访问者再次访问网站
document对象(DOM)--认识DOM
小白的博客
07-25 584
document对象(DOM)–认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理 HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文 本的树结构(节点树)。 HTML文档可以说由节点构成的集合，DOM节点有: 1. 元素节点:<html>、<body>、<p>等都是元素节点，即标 签。 2. 文本节...
JavaScript DOM编程：document对象与网页交互
"这篇文档是关于JavaScript DOM开发的学习笔记，主要涵盖了document对象的常用方法、HTML元素属性以及如何实现特定的网页动态效果，如浮动广告图片的制作等。" 在JavaScript DOM开发中，document对象是极其重要的，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

GentleDevin

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值