手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript窗口功能指南之在窗口中书写内容
JavaScript窗口功能指南之在窗口中书写内容
摘要:window.open()方法打开一个新窗口,document.open()方法打开一个新文档,在其中可以使用write()或者writel...

window.open()方法打开一个新窗口,document.open()方法打开一个新文档,在其中可以使用write()或者writeln()方法书写内容,它的语法是:

oNewDoc=document.open(sMimeType[,sReplace]);

sMineType是一个字符串,它定义了MIME类型。Navigator支持几种不同的MIME类型,但是InternetExplorer当前仅仅支持“text/html”。sMineType参数是可选的。第2个参数也是一个字符串,它定义了被书写的新文档是否要替换当前文档在历史记录中的位置。如果想达到替换目的,就使用字符串“replace”。

“replace”基本上使用于拥有空文档或者“about:blank”URL的窗口。定义了“replace”后,write()方法就可以在这个窗口中创建HTML内容,并且替换当前URL在历史记录中的位置。如果没有定义“replace”,建立的HTML就有它自己的历史位置,用户可以点击后退按钮向前直到空为止。

看看下面的脚本程序段:

varoNewDoc=document.open("text/html","replace");

varsMarkup="<HTML><HEAD><TITLE>NewDocument</TITLE></HEAD>";

sMarkup+="<BODY>Hello,world!<BR><AHREF=´write.html´>Return</A></BODY></HTML>";

oNewDoc.write(sMarkup);

oNewDoc.close();

如你所见,我们在新文档中包含了一个链接,所以你就可以返回这个页面。如果你点击了浏览器的后退按钮,浏览器就返回到这个页面之前的页面。因为我们使用了“replace”参数,新文档(被书写的文档)替换了当前文档在历史记录中的位置,所以点击后退按钮不会返回到当前页面(包含脚本程序的页面)。下面的按钮执行同样的脚本程序,但是没有“replace”参数,所以,你可以通过点击浏览器的后退按钮返回到这个页面。

以下是这个按钮的源代码:

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

正如你在上面2个例子中看到的,最后一个语句关闭了输出流:

oNewDoc.close();

通常,document.close()方法关闭输出流,并且强迫发送的数据显示出去。

在新窗口中书写内容

看看下面的脚本程序:

varwin=window.open("","win","width=300,height=200");//awindowobject

win.document.open("text/html","replace");

win.document.write("<HTML><HEAD><TITLE>NewDocument</TITLE></HEAD>

<BODY>Hello,world!</BODY></HTML>");

win.document.close();

第1个语句打开一个新窗口,它使用了一个空文档参数(“”),返回值分配给变量win。然后,我们使用新窗口的文档对象win.document,在其中书写一些HTML。定义“replace”是非常必要的,因为我们不想让一个空白页面在历史记录中占有一项。

因为我们处理同样的document对象,也许也要分配给它另外一个变量:

varwin=window.open("","win","width=300,height=200");//awindowobject

vardoc=win.document;

doc.open("text/html","replace");

doc.write("<HTML><HEAD><TITLE>NewDocument</TITLE></HEAD><BODY>Hello,

world!</BODY></HTML>");

doc.close();

我们也可以使用with语句:

varwin=window.open("","win","width=300,height=200");//awindowobject

with(win.document){

open("text/html","replace");

write("<HTML><HEAD><TITLE>NewDocument</TITLE></HEAD><BODY>Hello,

world!</BODY></HTML>");

close();

}

【JavaScript窗口功能指南之在窗口中书写内容】相关文章:

Javascript实现飞动广告效果的方法

基于JavaScript实现图片点击弹出窗口而不是保存

Javascript中For In语句用法实例

Javascript进制转换实例

JavaScript实现列表分页功能特效

Javascript中prototype属性实现给内置对象添加新的方法

JavaScript中setMonth()方法的使用详解

JavaScript实现简单的数字倒计时

JavaScript中的substr()方法使用详解

JavaScript实现仿网易通行证表单验证

精品推荐
分类导航