JavaScript窗口功能指南之在窗口中书写内容
更新时间：2006年07月21日 00:00:00 作者：
window.open（）方法打开一个新窗口，document.open（）方法打开一个新文档，在其中可以使用write（）或者writeln（）方法书写内容，它的语法是：
oNewDoc = document.open(sMimeType[, sReplace]);
sMineType是一个字符串，它定义了MIME类型。Navigator支持几种不同的MIME类型，但是Internet Explorer当前仅仅支持“text/html”。sMineType参数是可选的。第2个参数也是一个字符串，它定义了被书写的新文档是否要替换当前文档在历史记录中的位置。如果想达到替换目的，就使用字符串“replace”。
“replace”基本上使用于拥有空文档或者“about：blank”URL的窗口。定义了“replace”后，write（）方法就可以在这个窗口中创建HTML内容，并且替换当前URL在历史记录中的位置。如果没有定义“replace”，建立的HTML就有它自己的历史位置，用户可以点击后退按钮向前直到空为止。
看看下面的脚本程序段：
var oNewDoc = document.open("text/html", "replace");
var sMarkup = "<HTML><HEAD><TITLE>New Document</TITLE></HEAD>";
sMarkup += "<BODY>Hello, world!<BR><A HREF=´write.html´>Return</A></BODY></HTML>";
oNewDoc.write(sMarkup);
oNewDoc.close();
如你所见，我们在新文档中包含了一个链接，所以你就可以返回这个页面。如果你点击了浏览器的后退按钮，浏览器就返回到这个页面之前的页面。因为我们使用了“replace”参数，新文档（被书写的文档）替换了当前文档在历史记录中的位置，所以点击后退按钮不会返回到当前页面（包含脚本程序的页面）。下面的按钮执行同样的脚本程序，但是没有“replace”参数，所以，你可以通过点击浏览器的后退按钮返回到这个页面。
以下是这个按钮的源代码：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
正如你在上面2个例子中看到的，最后一个语句关闭了输出流：
oNewDoc.close();
通常，document.close（）方法关闭输出流，并且强迫发送的数据显示出去。
在新窗口中书写内容
看看下面的脚本程序：
var win = window.open("", "win", "width=300,height=200"); // a window object
win.document.open("text/html", "replace");
win.document.write("<HTML><HEAD><TITLE>New Document</TITLE></HEAD>
<BODY>Hello, world!</BODY></HTML>");
win.document.close();
第1个语句打开一个新窗口，它使用了一个空文档参数（“”），返回值分配给变量win。然后，我们使用新窗口的文档对象win.document，在其中书写一些HTML。定义“replace”是非常必要的，因为我们不想让一个空白页面在历史记录中占有一项。
因为我们处理同样的document对象，也许也要分配给它另外一个变量：
var win = window.open("", "win", "width=300,height=200"); // a window object
var doc = win.document;
doc.open("text/html", "replace");
doc.write("<HTML><HEAD><TITLE>New Document</TITLE></HEAD><BODY>Hello,
world!</BODY></HTML>");
doc.close();
我们也可以使用with语句：
var win = window.open("", "win", "width=300,height=200"); // a window object
with (win.document) {
open("text/html", "replace");
write("<HTML><HEAD><TITLE>New Document</TITLE></HEAD><BODY>Hello,
world!</BODY></HTML>");
close();
}
oNewDoc = document.open(sMimeType[, sReplace]);
sMineType是一个字符串，它定义了MIME类型。Navigator支持几种不同的MIME类型，但是Internet Explorer当前仅仅支持“text/html”。sMineType参数是可选的。第2个参数也是一个字符串，它定义了被书写的新文档是否要替换当前文档在历史记录中的位置。如果想达到替换目的，就使用字符串“replace”。
“replace”基本上使用于拥有空文档或者“about：blank”URL的窗口。定义了“replace”后，write（）方法就可以在这个窗口中创建HTML内容，并且替换当前URL在历史记录中的位置。如果没有定义“replace”，建立的HTML就有它自己的历史位置，用户可以点击后退按钮向前直到空为止。
看看下面的脚本程序段：
var oNewDoc = document.open("text/html", "replace");
var sMarkup = "<HTML><HEAD><TITLE>New Document</TITLE></HEAD>";
sMarkup += "<BODY>Hello, world!<BR><A HREF=´write.html´>Return</A></BODY></HTML>";
oNewDoc.write(sMarkup);
oNewDoc.close();
如你所见，我们在新文档中包含了一个链接，所以你就可以返回这个页面。如果你点击了浏览器的后退按钮，浏览器就返回到这个页面之前的页面。因为我们使用了“replace”参数，新文档（被书写的文档）替换了当前文档在历史记录中的位置，所以点击后退按钮不会返回到当前页面（包含脚本程序的页面）。下面的按钮执行同样的脚本程序，但是没有“replace”参数，所以，你可以通过点击浏览器的后退按钮返回到这个页面。
以下是这个按钮的源代码：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
正如你在上面2个例子中看到的，最后一个语句关闭了输出流：
oNewDoc.close();
通常，document.close（）方法关闭输出流，并且强迫发送的数据显示出去。
在新窗口中书写内容
看看下面的脚本程序：
var win = window.open("", "win", "width=300,height=200"); // a window object
win.document.open("text/html", "replace");
win.document.write("<HTML><HEAD><TITLE>New Document</TITLE></HEAD>
<BODY>Hello, world!</BODY></HTML>");
win.document.close();
第1个语句打开一个新窗口，它使用了一个空文档参数（“”），返回值分配给变量win。然后，我们使用新窗口的文档对象win.document，在其中书写一些HTML。定义“replace”是非常必要的，因为我们不想让一个空白页面在历史记录中占有一项。
因为我们处理同样的document对象，也许也要分配给它另外一个变量：
var win = window.open("", "win", "width=300,height=200"); // a window object
var doc = win.document;
doc.open("text/html", "replace");
doc.write("<HTML><HEAD><TITLE>New Document</TITLE></HEAD><BODY>Hello,
world!</BODY></HTML>");
doc.close();
我们也可以使用with语句：
var win = window.open("", "win", "width=300,height=200"); // a window object
with (win.document) {
open("text/html", "replace");
write("<HTML><HEAD><TITLE>New Document</TITLE></HEAD><BODY>Hello,
world!</BODY></HTML>");
close();
}
相关文章
这篇文章主要介绍了javascript自定义in_array()函数实现方法,涉及javascript数组的遍历与查找相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
本文为大家推荐3款非常实用的在线JS代码工具，可以帮助你方便地处理JavaScript或jQuery代码2012-03-03
javascript的数据类型可以分为两种：原始类型和引用类型，在此文给大家提到。本文主要给大家介绍javascript类型系统之基本数据类型与包装类型，涉及到js 基本类型 包装类相关知识，本文介绍的详细，具有参考借鉴价值，对本文感兴趣的朋友一起学习吧2016-01-01
cookie是有有效期的，cookie的默认有效期是从cookie生成至浏览器关闭，也可以通过设置cookie的有效期来指定其失效日期；用户也可以禁止cookie也可以手动删除cookie2014-04-04
javascript实现TreeView 无刷新展开的实例代码
这篇文章介绍了javascript实现TreeView 无刷新展开的实例代码，有需要的朋友可以参考一下2013-07-07
这篇文章主要介绍了JS自定义函数对web前端上传的文件进行类型大小判断的相关资料,需要的朋友可以参考下2016-10-10
这篇文章主要为大家详细介绍了简单的js表格操作,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
这篇文章主要为大家详细介绍了微信小程序实现日历打卡，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
这篇文章主要介绍了JavaScript多种滤镜算法实现代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-12-12
仅相隔一天就出了个v3。 修正了一个bug，firefox左侧内容宽度错误。2009-02-02
最新评论