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

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


　　
　　New Document";
　　 sMarkup += "Hello, world!";
　　 oNewDoc.write(sMarkup);
　　 oNewDoc.close();
　　}
　　// -->
　　
　　

[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(); 
　　}

赞 (0)

相关推荐

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

    window.open()方法打开一个新窗口,document.open()方法打开一个新文档,在其中可以使用write()或者writeln()方法书写内容,它的语法是:  oNewDoc = document.open(sMimeType[, sReplace]);  sMineType是一个字符串,它定义了MIME类型.Navigator支持几种不同的MIME类型,但是Internet Explorer当前仅仅支持"text/html".sMineType参数是可选的.第2个参数

  • JavaScript 装逼指南(js另类写法)

    下面就是具体的写法,建议大家逐个测试一下,加深印象 1.转Boolean类型 这个较为常用. !!'a'//true 通过两个取反,可以强制转换为Boolean类型. !!是将表达式强制转化为bool值的运算,运算结果为true或false,表达式是什么值,结果就是对应的bool值,不再取非. 不是取非再取非的意思!!! !!false=false;    要注意false和"false" 的区别!!!!! !!"false"=true; !!true=true;

  • javascript仿XP关机效果的弹出窗口功能

    不管是做网站还是一些应用系统,都免不了要用到一些弹出的效果,在ZJ-BLOG V1.0 Beta2版本我在一些功能使用了网络上比较流行的仿XP关机效果的弹出功能,按目前的反应来说还是效果不错的,下面将此功能整一下儿,如果有需要大家可以直接使用到自己的网站或是应用系统中去. 不在详细的说明代码了,帖出代码之前需要说明一点儿的是IE环境下,由于下拉框(select元素)优先级太高了,弹出的div元素无法盖住下拉框元素,很烦人的一个IE的BUG(个人认为是BUG ^o^),我使用的方法是在弹出时隐藏掉

  • jQuery实现的模拟弹出窗口功能示例

    本文实例讲述了jQuery实现的模拟弹出窗口功能.分享给大家供大家参考,具体如下: //初始化文档 $(document).ready(); //----------------弹出DIV仿模态窗口开始---------------- var divW; //DIV宽度 var divH; //DIV高度 var clientH; //浏览器高度 var clientW; //浏览器宽度 var divTitle; //DIV标题 var pageUrl; //DIV中加载的页面 var div

  • Android开发实现模仿微信小窗口功能【Dialog对话框风格窗口】

    Android开发实现模仿微信小窗口功能【Dialog对话框风格窗口】

    本文实例讲述了Android开发实现模仿微信小窗口功能.分享给大家供大家参考,具体如下: 运用方法: 将显示窗口的风格 设置为对话框风格即可 具体效果: 具体实现: 首先我们先定义布局文件: <?xml version="1.0" encoding="utf-8" ?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" andro

  • JavaScript日拱算法题解滑动窗口的最大值示例

    JavaScript日拱算法题解滑动窗口的最大值示例

    目录 题目: 题解: 第一反应 JavaScript 实现 第二反应 JS 实现 小结: 题目: 给定一个数组 nums 和滑动窗口的大小 k,请找出所有滑动窗口里的最大值. 示例: 输入: nums = [1,3,-1,-3,5,3,6,7], 和 k = 3 输出: [3,3,5,5,6,7] 解释: 滑动窗口的位置 最大值 --------------- ----- [1 3 -1] -3 5 3 6 7 3 1 [3 -1 -3] 5 3 6 7 3 1 3 [-1 -3 5] 3 6

  • javascript实现的固定位置悬浮窗口实例

    本文实例讲述了javascript实现的固定位置悬浮窗口.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&g

  • JavaScript页面刷新与弹出窗口问题的解决方法

    一.无提示刷新网页 大家有没有发现,有些网页,刷新的时候,会弹出一个提示窗口,点"确定"才会刷新.而有的页面不会提示,不弹出提示窗口,直接就刷新了. 如果页面没有form,则不会弹出提示窗口. 如果页面有form表单, a)< form method="post" ...> 会弹出提示窗口 b)< form method="get" ...> 不会弹出 二.javascript刷新页面的方法 window.location

  • VC实现A进程窗口嵌入到B进程窗口中显示的方法

    本文通过一个Demo示例讲述把A应用程序嵌入到B应用程序中显示的方法. 主要代码如下: //在B应用启动时创建A进程 CreateProcess(_T("A.exe"),NULL,NULL,NULL,FALSE,CREATE_NEW_CONSOLE,NULL,NULL,NULL,NULL); Sleep(30); HWND hWndChild = FindWindow(_T("AAA"),_T("AAA")); while(!hWndChild)

  • android实现百度地图自定义弹出窗口功能

    android实现百度地图自定义弹出窗口功能

    我们使用百度地图的时候,点击地图上的Marker,会弹出一个该地点详细信息的窗口,如下左图所示,有时候,我们希望自己定义这个弹出窗口的内容,或者,干脆用自己的数据来构造这样的弹出窗口,但是,在百度地图最新的Android SDK中,没有方便操作这种弹出窗口的类,虽然有一个PopupOverlay,但是它只支持将弹出内容转化为不多于三个Bitmap,如果这个弹出窗口里想有按钮来响应点击事件,用这个就不能满足要求了,于是,看了一遍百度地图覆盖物的API,我决定用自定义View的方法来实现类似的效果,

随机推荐