快捷導(dǎo)航

JavaScript窗口功能指南之在窗口中書(shū)寫(xiě)內(nèi)容

更新時(shí)間：2006年07月21日 00:00:00 作者：

window.open（）方法打開(kāi)一個(gè)新窗口，document.open（）方法打開(kāi)一個(gè)新文檔，在其中可以使用write（）或者writeln（）方法書(shū)寫(xiě)內(nèi)容，它的語(yǔ)法是：
　　oNewDoc = document.open(sMimeType[, sReplace]);
　　sMineType是一個(gè)字符串，它定義了MIME類(lèi)型。Navigator支持幾種不同的MIME類(lèi)型，但是Internet Explorer當(dāng)前僅僅支持“text/html”。sMineType參數(shù)是可選的。第2個(gè)參數(shù)也是一個(gè)字符串，它定義了被書(shū)寫(xiě)的新文檔是否要替換當(dāng)前文檔在歷史記錄中的位置。如果想達(dá)到替換目的，就使用字符串“replace”。
　　“replace”基本上使用于擁有空文檔或者“about：blank”URL的窗口。定義了“replace”后，write（）方法就可以在這個(gè)窗口中創(chuàng)建HTML內(nèi)容，并且替換當(dāng)前URL在歷史記錄中的位置。如果沒(méi)有定義“replace”，建立的HTML就有它自己的歷史位置，用戶可以點(diǎn)擊后退按鈕向前直到空為止。
　　看看下面的腳本程序段：
　　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();
　　如你所見(jiàn)，我們?cè)谛挛臋n中包含了一個(gè)鏈接，所以你就可以返回這個(gè)頁(yè)面。如果你點(diǎn)擊了瀏覽器的后退按鈕，瀏覽器就返回到這個(gè)頁(yè)面之前的頁(yè)面。因?yàn)槲覀兪褂昧恕皉eplace”參數(shù)，新文檔（被書(shū)寫(xiě)的文檔）替換了當(dāng)前文檔在歷史記錄中的位置，所以點(diǎn)擊后退按鈕不會(huì)返回到當(dāng)前頁(yè)面（包含腳本程序的頁(yè)面）。下面的按鈕執(zhí)行同樣的腳本程序，但是沒(méi)有“replace”參數(shù)，所以，你可以通過(guò)點(diǎn)擊瀏覽器的后退按鈕返回到這個(gè)頁(yè)面。
　　以下是這個(gè)按鈕的源代碼：

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

　　正如你在上面2個(gè)例子中看到的，最后一個(gè)語(yǔ)句關(guān)閉了輸出流：
　　oNewDoc.close();
　　通常，document.close（）方法關(guān)閉輸出流，并且強(qiáng)迫發(fā)送的數(shù)據(jù)顯示出去。
在新窗口中書(shū)寫(xiě)內(nèi)容
　　看看下面的腳本程序：
　　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個(gè)語(yǔ)句打開(kāi)一個(gè)新窗口，它使用了一個(gè)空文檔參數(shù)（“”），返回值分配給變量win。然后，我們使用新窗口的文檔對(duì)象win.document，在其中書(shū)寫(xiě)一些HTML。定義“replace”是非常必要的，因?yàn)槲覀儾幌胱屢粋€(gè)空白頁(yè)面在歷史記錄中占有一項(xiàng)。
　　因?yàn)槲覀兲幚硗瑯拥膁ocument對(duì)象，也許也要分配給它另外一個(gè)變量：
　　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語(yǔ)句：
　　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();
　　}