1、JS

HTML DOM Document 对象

Document 对象代表整个 HTML 文档,可用来访问页面中的所有元素。

Document 对象是 Window 对象的一个部分,可通过 window.document 属性来访问。

Document 对象的集合

集合描述IEFOW3C
all[]提供对文档中所有 HTML 元素的访问。419Yes
anchors[]返回对文档中所有 Anchor 对象的引用。419Yes
applets返回对文档中所有 Applet 对象的引用。----
forms[]返回对文档中所有 Form 对象引用。419Yes
images[]返回对文档中所有 Image 对象引用。419Yes
links[]返回对文档中所有 Area 和 Link 对象引用。419Yes

document.all是页面内所有元素的一个集合  
document.all(0)表示页面内第一个元素
document.all可以判断浏览器是否是IE  
document.all.元素id;(id必须唯一);
document.all.元素name;(name必须唯一);
document.all.元素id(index);(id可以有重复,并且index不能越界);
document.all.元素name(index);(name可以有重复,并且name不能越界);
document.all("元素id",index);(id可以有重复,并且index不能越界);
document.all("元素name",index);(name可以有重复,并且index不能越界);
document.all["元素id"];(id必须唯一);
document.all["元素name"];(name必须唯一);
document.all["元素id"][index];(id可以有重复,并且index不能越界);
document.all["元素name"][index];(name可以有重复,并且index不能越界);

Document 对象的属性

属性描述IEFOW3C
body提供对 <body> 元素的直接访问。对于定义了框架集的文档,该属性引用最外层的 <frameset>。    
cookie设置或返回与当前文档有关的所有 cookie。419Yes
domain返回当前文档的域名。419Yes
lastModified返回文档被最后修改的日期和时间。41NoNo
referrer返回载入当前文档的文档的 URL。419Yes
title返回当前文档的标题。419Yes
URL返回当前文档的 URL。419Yes

Document 对象的方法

方法描述IEFOW3C
close()关闭用 document.open() 方法打开的输出流,并显示选定的数据。419Yes
getElementById()返回对拥有指定 id 的第一个对象的引用。519Yes
getElementsByName()返回带有指定名称的对象集合。519Yes
getElementsByTagName()返回带有指定标签名的对象集合。519Yes
open()打开一个流,以收集来自任何 document.write() 或 document.writeln() 方法的输出。419Yes
write()向文档写 HTML 表达式 或 JavaScript 代码。419Yes
writeln()等同于 write() 方法,不同的是在每个表达式之后写一个换行符。419Yes

1、open() 方法可打开一个新文档,并擦除当前文档的内容。

语法

document.open(mimetype,replace)
参数描述
mimetype可选。规定正在写的文档的类型。默认值是 "text/html"。
replace可选。当此参数设置后,可引起新文档从父文档继承历史条目。

2、write() 方法可向文档写入 HTML 表达式或 JavaScript 代码。

可列出多个参数(exp1,exp2,exp3,...) ,它们将按顺序被追加到文档中。

语法

document.write(exp1,exp2,exp3,....)

说明

虽然根据 DOM 标准,该方法只接受单个字符串作为参数。不过根据经验,write() 可接受任何多个参数。

我们通常按照两种的方式使用 write() 方法:一是在使用该方在文档中输出 HTML,另一种是在调用该方法的的窗口之外的窗口、框架中产生新文档。在第二种情况中,请务必使用 close() 方法来关闭文档。

例子:

  • 向输出流写文本

document.write("Hello World!")

  • 向输出流写HTML

document.write("<h1>Hello World!</h1>")

  • 多参数

document.write("Hello World! ","Hello You! ","<p style='color:blue;'>Hello World!</p>")

 

window.location.href、location.href、self.location.href都是本页面跳转

parent.location.href是上一层页面跳转

top.location.href是最外层页面跳转

 

 

 

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值