<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>hello</title>
<meta name="generator" content="Studio 3 http://aptana.com/">
<meta name="author" content="Administrator">
<!-- Date: 2011-08-08 -->
<script type="text/javascript" language="JavaScript">
/* 页面输出2行write内容 */
function hello() {
var w = window.open();
var d = w.document;
d.open();
d.write("<h1>Hello world!</h1>");
d.write("<h1>Hello world2!</h1>");
d.close();
}
/* 页面输出一条write内容（后者） */
function hello2() {
var w = window.open();
var d = w.document;
d.open();
d.write("<h1>Hello world!</h1>");
d.close();
d.write("<h1>Hello world2!</h1>");
}
</script>
</head>
<body>
<button onclick="hello()">hello</button>
<button onclick="hello2()">hello</button>
</body>
</html>
第一种情况
Hello world!
Hello world2!
第二种情况
Hello world2!
分享到：
相关推荐
2. document.bgColor：设置页面背景色。 3. document.fgColor：设置前景色（文本颜色）。 4. document.linkColor：未点击过的链接颜色。 5. document.alinkColor：激活链接（焦点在此链接上）的颜色。 6. document....
通过学习这些资源，你可以掌握创建静态网页的基本技能，了解如何组织页面内容、添加链接、处理图像、创建表格、使用样式（CSS）和脚本（JavaScript）进行交互等。此外，你还将了解到HTML文档的结构，包括文档类型...
- `document.bgColor`: 设置页面的背景颜色，但现代浏览器已经不再支持此属性，推荐使用CSS替代。 - `document.fgColor`: 设置文本颜色，同样已被废弃，建议使用CSS。 - `document.linkColor`, `document....
- `document.location.replace(URL)`：加载指定URL指向的页面并替换当前页面的历史记录条目。 #### 四、图片处理 1. **获取图片信息**： - `document.images`：获取页面上所有的`<img>`元素。 - `document....
此外，`document.title`可读写文档的标题，而`document.URL`则返回当前页面的完整URL。 `document`对象还包含事件处理，如`document.addEventListener`用于注册事件监听器，以及`document.execCommand`用于执行某些...
`document.images`数组包含了页面中所有的`<img>`元素，可以通过索引或长度属性来访问或遍历这些图像元素。 总之，`Document`对象及其相关属性和方法为Web开发者提供了强大的工具，用以控制和操作网页内容和布局。...
通过`document`对象，开发者可以实现对页面元素的动态控制，如创建、删除、修改页面元素，以及响应用户的交互行为。 #### 二、对象属性 1. **`document.title`**：设置或获取当前文档的标题，等同于HTML文档中的`...
1. 通过集合引用代码：`document.images` 对应页面上的 `<img>` 标签。 2. 通过集合长度获取图片个数：`document.images.length`。 3. 通过索引获取指定图片：`document.images[0]` 或 `document.images[i]`。 4. ...
通过`Document`对象，开发者可以访问页面中的所有元素，实现对网页内容的动态操作。下面将详细介绍`Document`的一些常用属性和方法。 #### 二、Document的基本属性 ##### 1. `document.title` 用于获取或设置HTML...
例如，`document.forms`是一个数组，包含了页面上所有的`<form>`元素。通过索引访问这些表单，开发者可以读取或设置表单字段的值，实现表单验证、数据提交等功能。 ### Document对象与框架集 当文档包含框架集或`...
`document.body.scrollTop` 是一个用于获取或设置浏览器中页面垂直滚动距离的属性。这个属性在前端开发中非常实用，尤其是在处理页面滚动效果、动态布局调整等方面。通过了解并掌握 `document.body.scrollTop` 的...
- **document.getElementsByName(Name)**：根据给定的name属性值查找页面中的一个或多个元素。 - **document.body.appendChild(oTag)**：将一个HTML元素追加到`<body>`元素的子节点列表中。 #### Body元素属性 - *...
在探讨“火狐、谷歌、IE关于`document.body.scrollTop`和`document.documentElement.scrollTop`以及值为0的问题”这一主题时，我们深入分析了浏览器在处理页面滚动位置时的不同行为，尤其是当滚动位置值始终为0时的...
- **示例**：可以通过`document.title = "新标题"`来修改页面标题。 **1.2 颜色属性** - **`document.bgColor`**：获取或设置页面背景颜色。 - **`document.fgColor`**：获取或设置页面前景（文本）颜色。 - **`...
JavaScript中的`document`对象是浏览器提供的一个全局对象，它代表了当前HTML页面的文档对象，提供了访问和操作页面内容的方法和属性。通过`document`，我们可以实现对HTML元素的查找、创建、修改以及与用户交互等...
下面的JS代码通过document.referrer获得来源页面地址 <!DOCTYPE html> <html> <body> The referrer of this document is: [removed] [removed](document.referrer); [removed] </body> </...
- `document.URL`：返回当前页面的URL。 - `document.documentURI`：同`URL`，返回文档的URI。 - `document.title`：获取或设置文档的标题，对应HTML中的`<title>`元素。 - `document.domain`：返回当前文档的...
这个新出现的document.hidden属性，它显示页面是否为用户当前观看的页面，值为ture或false。 document.visibilityState visibilityState的值要么是visible (表明页面为浏览器当前激活tab，而且窗口不是最小化状态)，...
`document.body` 属性提供了一个直接与元素交互的方式，使得我们可以访问或修改页面上的内容、样式甚至事件处理。 `document.body.scrollTop` 是 `document.body` 对象的一个属性，它用于获取或设置浏览器窗口中 `...
### JavaScript Document 对象详解 #### 一、Document 对象简介 在Web开发中，`document`对象是浏览器提供的一种能够操作HTML文档的方式。它属于浏览器的`window`对象的一个属性，可以通过`window.document`或者...