JavaScript窗口功能指南之在窗口中书写内容

原创 2001年03月22日 02:46:00
JavaScript窗口功能指南之在窗口中书写内容
(作者:听风编译 2001年01月19日 11:35)

  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”参数,所以,你可以通过点击浏览器的后退按钮返回到这个页面。

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

  <script language=JavaScript>

  <!--

  function writeDocBack() {

   var oNewDoc = document.open("text/html");

   var sMarkup = "<HTML><HEAD><TITLE>New Document</TITLE></HEAD>";

   sMarkup += "<BODY>Hello, world!</BODY></HTML>";

   oNewDoc.write(sMarkup);

   oNewDoc.close();

  }

  // -->

  </script>

  <form><input onClick=writeDocBack() type=button value="Write Document" name="button2"></form>

  正如你在上面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窗口功能指南之在窗口中书写内容

标题     JavaScript窗口功能指南之在窗口中书写内容    hktl(转贴) 关键字     JavaScript窗口功能 出处     http://www.cc...
  • rickjelly2004
  • rickjelly2004
  • 2004年07月01日 10:39
  • 701

JavaScript窗口功能指南之在窗口中书写内容

window.open()方法打开一个新窗口,document.open()方法打开一个新文档,在其中可以使用write()或者writeln()方法书写内容,它的语法是:   oNewDoc = d...
  • lovelacy
  • lovelacy
  • 2007年08月08日 12:28
  • 393

JavaScript窗口功能指南之在窗口中书写内容

window.open()方法打开一个新窗口,document.open()方法打开一个新文档,在其中可以使用write()或者writeln()方法书写内容,它的语法是:   oNewDoc = d...
  • alex197963
  • alex197963
  • 2007年05月06日 00:29
  • 514

在ATL DLL中实现在窗口中使用CDockablePane

由于需要实现的界面比较复杂,而且程序比较庞大,所以部分功能放在ATL DLL中实现。在 VS2008 的FeaturePackage 中的CDockablePane 是我比较喜欢的一个浮动栏,可是目前...
  • iwait
  • iwait
  • 2009年06月04日 22:38
  • 946

Windows编程之在窗口中显示文字

与控制台编程中使用printf显示文字不一样,在Windows编程中
  • Q1302182594
  • Q1302182594
  • 2014年05月10日 22:50
  • 1413

VC:WebBrowser控件始终在本窗口打开新页面

m_pBrowserApp->put_RegisterAsBrowser(VARIANT_TRUE); void CMyHtmlView::OnNewWindow2(LPDISPA...
  • u013037007
  • u013037007
  • 2015年04月26日 18:53
  • 756

jQuery EasyUI使用教程之自定义窗口工具

jQuery EasyUI最新试用版下载请猛戳>> 默认情况下,窗口有四个工具:collapsible、minimizable、maximizable和closable。比如我们定义以下窗口: ...
  • AABBbaby
  • AABBbaby
  • 2016年05月04日 10:08
  • 235

JavaScript窗口功能指南之操纵窗口

一旦你得到了表示窗口的变量,你就能通过各种方法来操纵它。在前面的介绍中,我们讨论过close()方法:   win = window.open("http://www.docjs.com/", "js...
  • alex197963
  • alex197963
  • 2007年05月06日 00:28
  • 493

16_Python_创建文本框

直接来理解代码好了: import Tkinter as tk #引入Tkinter模块 window = tk.Tk() #点击按钮后执行的函数:第一行代码得到文本框中的内容,保存在chang...
  • qq_27276951
  • qq_27276951
  • 2018年01月12日 14:04
  • 57

在窗口中贴图

在窗口中贴图 1.创建位图 BITMAP                      m_bmp; HBITMAP                     m_hBitmap; m_hBitmap=Lo...
  • qq125096885
  • qq125096885
  • 2015年03月30日 22:15
  • 425
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript窗口功能指南之在窗口中书写内容
举报原因:
原因补充:

(最多只允许输入30个字)