HTML DOM embeds 属性
Document 对象
实例
计算文档中有多少个 <embed> 元素：
var x = document.embeds.length;
定义与用法
embeds 返回文档中所有 <embeds> 元素的集合。
注意: 元素在集合中的顺序是它们在源代码中的顺序。
提示: 也可以参考 Embed
对象。
浏览器支持
集合
embe……继续阅读 »
2年前 (2022-09-04) 79浏览 0评论
0个赞
HTML DOM forms 集合
Document 对象
定义和用法
forms 集合返回当前页面所有表单的数组集合。
语法
document.forms[].property
浏览器支持
所有主要浏览器都支持 forms 集合
实例
实例 1
返回文档中表单数量：
<html>
<body>
<form name=”Form1″></f……继续阅读 »
2年前 (2022-09-04) 62浏览 0评论
0个赞
HTML domain 属性
Document 对象
定义和用法
domain 属性可返回下载当前文档的服务器域：
语法
document.domain
浏览器支持
所有主要浏览器都支持 domain 属性
实例
实例
返回下载当前文档的服务器域名：
<html>
<body>
加载这个文件的域名:
<script>
document.write(document.d……继续阅读 »
2年前 (2022-09-04) 21浏览 0评论
0个赞
HTML DOM documentMode 属性
Document 对象
定义和用法
documentMode 属性返回浏览器渲染文档的模式。
IE8 使用不同方式渲染页面，基于 !DOCTYPE 或者某些存在的HTML元素。
这些元素返回值如下:
5 – 页面在 IE5 模式下展示
7 – 页面在 IE7 模式下展示
8 – 页面在 IE8 模式下展示
9 – ……继续阅读 »
2年前 (2022-09-04) 12浏览 0评论
0个赞
HTML DOM documentURI 属性
Document 对象
实例
获取文档本地URI:
document.documentURI;
输出结果：
http://www.w3cschool.cc/jsref/prop-document-documenturi.html
定义和用法
documentURI 属性可设置或返回文档的位置。
如果文档由 DocumentImplementation 对象创建……继续阅读 »
2年前 (2022-09-04) 62浏览 0评论
0个赞
HTML DOM documentElement 属性
Document 对象
实例
返回文档的 documentElement:
document.documentElement;
定义和用法
documentElement 属性以一个元素对象返回一个文档的文档元素。
HTML 文档返回对象为HTML元素。
注意： 如果 HTML 元素缺失，返回值为 null。
浏览器支持
所有主要浏览器都支持 doc……继续阅读 »
2年前 (2022-09-04) 26浏览 0评论
0个赞
HTML DOM createTextNode() 方法
Document 对象
实例
创建一个文本节点:
var btn=document.createTextNode(“Hello World”);
输出结果：
Hello World
HTML元素通常是由元素节点和文本节点组成。
创建一个标题 (H1), 你必须创建 “H1” 元素和文本节点:
实例
创建一个……继续阅读 »
2年前 (2022-09-04) 11浏览 0评论
0个赞
HTML DOM doctype 属性
Document 对象
实例
返回 HTML 文档的文档类型对象:
document.doctype;
定义和用法
doctype 属性可返回与文档相关的文档类型声明（Document Type Declaration）。
阅读更多文档类型对象的知识，请查看 文档类型对象参考手册.
注意： 如果文档没有指定文档类型,返回值为 null.
浏览器支持
所有主要浏览器都……继续阅读 »
2年前 (2022-09-04) 92浏览 0评论
0个赞
HTML DOM createElement() 方法
Document 对象
实例
创建一个按钮:
var btn=document.createElement(“BUTTON”);
输出结果：
HTML元素经常包含文本。创建指定文本的按钮你需要在按钮元素后添加文本节点:
实例
创建指定文本的按钮：
var btn=document.createElement(“BU……继续阅读 »
2年前 (2022-09-04) 27浏览 0评论
0个赞
HTML DOM createDocumentFragment() 方法
Document 对象
实例
创建一个 documentFragment 节点:
var d=document.createDocumentFragment();
d.appendChild(document.getElementsByTagName(“LI”)[0]);
d.childNodes[0].chil……继续阅读 »
2年前 (2022-09-04) 17浏览 0评论
0个赞
HTML DOM createAttribute() 方法
Document 对象
实例
创建 class 属性, 属性值为 “democlass”, 并将clas属性添加到
H1 元素中:
var att=document.createAttribute(“class”);
att.value=”democlass”;
documen……继续阅读 »
2年前 (2022-09-04) 147浏览 0评论
0个赞
HTML DOM createComment() 方法
Document 对象
实例
可创建注释节点, 并插入HTML文档:
var c=document.createComment(“My personal comments”);
document.body.appendChild(c);
输出结果：
<!–My personal comments–>……继续阅读 »
2年前 (2022-09-04) 21浏览 0评论
0个赞
HTML DOM cookie 属性
Document 对象
定义和用法
cookie 属性返回当前文档所有 键/值 对的所有 cookies。
语法
document.cookie
浏览器支持
所有主要浏览器都支持 cookie 属性
实例
实例
与当前文档相关的所有 cookies:
<html>
<body>
与此文档相关的Cookies:
<script>
d……继续阅读 »
2年前 (2022-09-04) 11浏览 0评论
0个赞
HTML DOM body 属性
Document 对象
实例
修改当前文档的背景颜色：
document.body.style.backgroundColor = "yellow";
定义与用法
body 属性用于设置或返回文档体。
如果是返回, 该属性返回当前文档的 <body> 元素。
如果是设置, 该属性会覆盖所有在 <body> 元素中的子元素, 并用新的内……继续阅读 »
2年前 (2022-09-04) 17浏览 0评论
0个赞
HTML DOM close() 方法
Document 对象
定义和用法
close() 方法用于关闭一个由 document.open 方法打开的输出流，并显示选定的数据。
语法
document.close()
浏览器支持
所有主要浏览器都支持 close() 方法
实例
实例 1
打开一个输出流,添加一些文本，然后关闭输出流：
<!DOCTYPE html>
<html>
……继续阅读 »
2年前 (2022-09-04) 16浏览 0评论
0个赞
HTML DOM baseURI 属性
Document 对象
实例
获取文档的基础URI:
document.baseURI;
输出结果：
http://www.runoob.com/jsref/prop-doc-baseuri.html
定义和用法
baseURI 属性返回 HTML 文档的基础URI。
浏览器支持
除了 IE 浏览器，其他主流浏览器都支持 baseURI 属性。
语法
node.ba……继续阅读 »
2年前 (2022-09-04) 70浏览 0评论
0个赞
HTML DOM adoptNode() 方法
Document 对象
实例
获取 iframe 中的第一个 H1 元素的，并将其插入到当期文档中：
var frame = document.getElementsByTagName("IFRAME")[0]
var h = frame.contentWindow.document.getElementsByTagName("H1&qu……继续阅读 »
2年前 (2022-09-04) 81浏览 0评论
0个赞
HTML DOM anchors 集合
Document 对象
定义和用法
anchors集合返回了当前页面的所有超级链接数组 。
语法
document.anchors[].property
浏览器支持
所有主要浏览器都支持 anchors 集合
实例
实例 1
返回文档的链接数：
<!DOCTYPE html>
<html>
<head>
<meta char……继续阅读 »
2年前 (2022-09-04) 181浏览 0评论
0个赞
HTML DOM addEventListener() 方法
Document 对象
实例
在文档中添加点击事件。当用户在文档任何地方点击时，在 id=”demo” 的 <p> 元素上输出 “Hello World”：
document.addEventListener("click", function(){
document……继续阅读 »
2年前 (2022-09-04) 79浏览 0评论
0个赞
Location replace() 方法
Location 对象
定义和用法
replace() 方法可用一个新文档取代当前文档。
语法
location.replace(newURL)
浏览器支持
所有主要浏览器都支持 replace() 方法
实例
实例
使用 replace() 方法来替换当前文档：
<!DOCTYPE html>
<html>
<head>
&……继续阅读 »
2年前 (2022-09-04) 99浏览 0评论
0个赞
HTML DOM activeElement 属性
Document 对象
实例
当前获得焦点的元素:
var x = document.activeElement.tagName;
x 输出结果为：
BUTTON
尝试一下»
定义和使用
activeElement 属性返回文档中当前获得焦点的元素。
注意： 该属性是只读的。
提示： 为元素设置焦点，可以使用
element.focus() 方法。
提示：……继续阅读 »
2年前 (2022-09-04) 17浏览 0评论
0个赞
Location reload() 方法
Location 对象
实例
重新载入当前文档:
location.reload();
定义和用法
reload()方法用于刷新当前文档。
reload() 方法类似于你浏览器上的刷新页面按钮。
如果把该方法的参数设置为 true，那么无论文档的最后修改日期是什么，它都会绕过缓存，从服务器上重新下载该文档。这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一……继续阅读 »
2年前 (2022-09-04) 94浏览 0评论
0个赞
Location search 属性
Location 对象
定义和用法
search 属性是一个可读可写的字符串，可设置或返回当前 URL 的查询部分（问号 ? 之后的部分）。
语法
location.search
浏览器支持
所有主要浏览器都支持 search 属性
实例
实例
返回URL的查询部分。假设当前的URL就是http://www.runoob.com/submit.htm?email=so……继续阅读 »
2年前 (2022-09-04) 94浏览 0评论
0个赞
Location assign() 方法
Location 对象
定义和用法
assign()方法加载一个新的文档。
语法
location.assign(URL)
浏览器支持
所有主要浏览器都支持 assign() 方法
实例
实例
使用 assign() 来加载一个新的文档：
<!DOCTYPE html>
<html>
<head>
<meta charse……继续阅读 »
2年前 (2022-09-04) 11浏览 0评论
0个赞
Location protocol 属性
Location 对象
定义和用法
protocol 属性是一个可读可写的字符串，可设置或返回当前 URL 的协议。
语法
location.protocol
浏览器支持
所有主要浏览器都支持 protocol 属性
实例
实例
返回当前URL的协议部分：
<script>
document.write(location.protocol);
<……继续阅读 »
2年前 (2022-09-04) 81浏览 0评论
0个赞
Location pathname 属性
Location 对象
定义和用法
pathname 属性是一个可读可写的字符串，可设置或返回当前 URL 的路径部分。
语法
location.pathname
浏览器支持
所有主要浏览器都支持 pathname 属性
实例
实例
返回当前URL的路径名：
<script>
document.write(location.pathname);
&l……继续阅读 »
2年前 (2022-09-04) 13浏览 0评论
0个赞
Location port 属性
Location 对象
定义和用法
port 属性是一个可读可写的字符串，可设置或返回当前 URL 的端口部分。
注意：如果端口号就是80（这是默认的端口号)，无需指定。
语法
location.port
浏览器支持
所有主要浏览器都支持 port 属性
实例
实例
返回当前URL的端口号：
<script>
document.write(location.……继续阅读 »
2年前 (2022-09-04) 19浏览 0评论
0个赞
Location href 属性
Location 对象
定义和用法
href 属性是一个可读可写的字符串，可设置或返回当前显示的文档的完整 URL。
语法
location.href
浏览器支持
所有主要浏览器都支持 href 属性
实例
实例
返回完整的URL（当前页)：
<script>
document.write(location.href);
</script>
以上实……继续阅读 »
2年前 (2022-09-04) 75浏览 0评论
0个赞
Location host 属性
Location 对象
定义和用法
host 属性是一个可读可写的字符串，可设置或返回当前 URL 的主机名称和端口号。
语法
location.host
浏览器支持
所有主要浏览器都支持 host 属性
实例
实例
返回当前URL的主机名和端口：
<script>
document.write(location.host);
</script>
……继续阅读 »
2年前 (2022-09-04) 79浏览 0评论
0个赞
Location hostname 属性
Location 对象
定义和用法
hostname 属性是一个可读可写的字符串，可设置或返回当前 URL 的主机名。
语法
location.hostname
浏览器支持
所有主要浏览器都支持 hostname 属性
实例
实例
返回当前URL的主机名：
<script>
document.write(location.hostname);
<……继续阅读 »
2年前 (2022-09-04) 24浏览 0评论
0个赞
