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


Posted in Javascript onJuly 21, 2006

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

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

Javascript 相关文章推荐
当鼠标滑过文本框自动选中输入框内容的JS代码分享
Nov 26 Javascript
jQuery选择器源码解读(四):tokenize方法的Expr.preFilter
Mar 31 Javascript
js中跨域方法原理详解
Jul 19 Javascript
微信jssdk用法汇总
Jul 16 Javascript
jQuery实现的简单百分比进度条效果示例
Aug 01 Javascript
vscode下vue项目中eslint的使用方法
Jan 13 Javascript
js实现图片局部放大效果详解
Mar 18 Javascript
js最实用string(字符串)类型的使用及截取与拼接详解
Apr 26 Javascript
Layui 数据表格批量删除和多条件搜索的实例
Sep 04 Javascript
JavaScript禁止右击保存图片,禁止拖拽图片的实现代码
Apr 28 Javascript
微信小程序上传帖子的实例代码(含有文字图片的微信验证)
Jul 11 Javascript
JavaScript WeakMap使用详解
Feb 05 Javascript
用于table内容排序
Jul 21 #Javascript
脚本收藏iframe
Jul 21 #Javascript
document.all还是document.getElementsByName?
Jul 21 #Javascript
关于IFRAME 自适应高度的研究
Jul 20 #Javascript
怎么用javascript进行拖拽
Jul 20 #Javascript
繁简字转换功能
Jul 19 #Javascript
Javascript - HTML的request类
Jul 15 #Javascript
You might like
深入解析fsockopen与pfsockopen的区别
2013/07/05 PHP
深入理解JavaScript系列(6):S.O.L.I.D五大原则之单一职责SRP
2012/01/15 Javascript
c#和Javascript操作同一json对象的实现代码
2012/01/17 Javascript
jQuery删除节点的三个方法即remove()detach()和empty()
2013/12/27 Javascript
Javascript中的默认参数详解
2014/10/22 Javascript
jquery操作angularjs对象
2015/06/26 Javascript
简单分析javascript中的函数
2016/09/10 Javascript
jQuery实现简单的tab标签页效果
2016/09/12 Javascript
jQuery实现立体式数字滚动条增加效果
2016/12/21 Javascript
详解angular中如何监控dom渲染完毕
2017/01/03 Javascript
js通过指定下标或指定元素进行删除数组的实例
2017/01/12 Javascript
JS回调函数简单用法示例
2017/02/09 Javascript
jQuery模拟下拉框选择对应菜单的内容
2017/03/07 Javascript
原生JS京东轮播图代码
2017/03/22 Javascript
基于BootStrap的前端分页带省略号和上下页效果
2017/05/18 Javascript
利用Angular.js编写公共提示模块的方法教程
2017/05/28 Javascript
vue-cli扩展多模块打包的示例代码
2018/04/09 Javascript
Node.js 使用AngularJS的方法示例
2018/05/11 Javascript
jQuery AJAX与jQuery事件的分析讲解
2019/02/18 jQuery
vue自定义正在加载动画的例子
2019/11/14 Javascript
Node使用Nodemailer发送邮件的方法实现
2020/02/24 Javascript
谈谈JavaScript令人迷惑的==与+
2020/08/31 Javascript
用Python编写web API的教程
2015/04/30 Python
python中如何使用分步式进程计算详解
2019/03/22 Python
python数据库编程 Mysql实现通讯录
2020/03/27 Python
Python 执行矩阵与线性代数运算
2020/08/01 Python
CSS3 animation实现简易幻灯片轮播特效
2016/09/27 HTML / CSS
HTML5 解决苹果手机不能自动播放音乐问题
2017/12/27 HTML / CSS
广播体操比赛口号
2014/06/10 职场文书
美容院合作经营协议书
2014/10/10 职场文书
医院合作意向书范本
2015/05/08 职场文书
浅谈sql_@SelectProvider及使用注意说明
2021/08/04 Java/Android
mysql中如何用命令创建联合唯一索引
2022/04/20 MySQL
vue生命周期钩子函数以及触发时机
2022/04/26 Vue.js
Python实现Matplotlib,Seaborn动态数据图
2022/05/06 Python
python单向链表实例详解
2022/05/25 Python