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 相关文章推荐
jquery 表单下所有元素的隐藏
Jul 25 Javascript
window.requestAnimationFrame是什么意思,怎么用
Jan 13 Javascript
javascript面向对象包装类Class封装类库剖析
Jan 24 Javascript
给超链接添加特效鼠标移动展示提示信息且随鼠标移动
Oct 17 Javascript
详谈JavaScript内存泄漏
Nov 14 Javascript
javascript面向对象之定义成员方法实例分析
Jan 13 Javascript
深入剖析JavaScript:Object类型
May 10 Javascript
js实现统计字符串中特定字符出现个数的方法
Aug 02 Javascript
VueCli3构建TS项目的方法步骤
Nov 07 Javascript
VUE搭建手机商城心得和遇到的坑
Feb 21 Javascript
Element Alert警告的具体使用方法
Jul 27 Javascript
vue实现表格合并功能
Dec 01 Vue.js
用于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
解析PHP 5.5 新特性
2013/07/02 PHP
PHP调试函数和日志记录函数分享
2015/01/31 PHP
php打印一个边长为N的实心和空心菱型的方法
2015/03/02 PHP
PHP简单的MVC框架实现方法
2015/12/01 PHP
php中10个不同等级压缩优化图片操作示例
2016/11/14 PHP
php格式文件打开的四种方法
2018/02/24 PHP
js根据日期判断星座的示例代码
2014/01/23 Javascript
javascript生成随机颜色示例代码
2014/05/05 Javascript
Bootstrap每天必学之前端开发框架
2015/11/19 Javascript
常用原生JS兼容性写法汇总
2016/04/27 Javascript
js实现div模拟模态对话框展现URL内容
2016/05/27 Javascript
浅谈jquery中使用canvas的问题
2016/10/10 Javascript
解决Node.js使用MySQL出现connect ECONNREFUSED 127.0.0.1:3306的问题
2017/03/09 Javascript
vue-loader教程介绍
2017/06/14 Javascript
JS中的多态实例详解
2017/10/15 Javascript
10行原生JS实现文字无缝滚动(超简单)
2018/01/02 Javascript
JavaScript实现页面中录音功能的方法
2019/06/04 Javascript
layer弹出层自定义提交取消按钮的例子
2019/09/10 Javascript
ligerUI的ligerDialog关闭刷新的方法
2019/09/27 Javascript
VUE.CLI4.0配置多页面入口的实现
2019/11/25 Javascript
JavaScript实现浏览器网页自动滚动并点击的示例代码
2020/12/05 Javascript
[01:24:34]2014 DOTA2华西杯精英邀请赛5 24 DK VS LGD
2014/05/25 DOTA
python正则匹配查询港澳通行证办理进度示例分享
2013/12/27 Python
python自动化测试之setUp与tearDown实例
2014/09/28 Python
python Django编写接口并用Jmeter测试的方法
2019/07/31 Python
Django通过dwebsocket实现websocket的例子
2019/11/15 Python
Python正则表达式学习小例子
2020/03/03 Python
Django实现whoosh搜索引擎使用jieba分词
2020/04/08 Python
Python xlwt模块使用代码实例
2020/06/10 Python
html5音频_动力节点Java学院整理
2018/08/22 HTML / CSS
香港礼品网站:GiftU eshop
2017/09/01 全球购物
Street One瑞士:德国现代时装公司
2019/10/09 全球购物
学校后勤人员职责
2013/12/27 职场文书
机电专业求职信
2014/06/14 职场文书
网络安全倡议书(3篇)
2019/09/18 职场文书
一文搞清楚MySQL count(*)、count(1)、count(col)区别
2022/03/03 MySQL