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(live)中File input的change方法只起一次作用的解决办法
Oct 21 Javascript
THREE.JS入门教程(1)THREE.JS使用前了解
Jan 24 Javascript
jquery ajax修改全局变量示例代码
Nov 08 Javascript
利用js实现禁止复制文本信息
Jun 03 Javascript
javascript实现禁止鼠标滚轮事件
Jul 24 Javascript
vue 2.0封装model组件的方法
Aug 03 Javascript
通过button将form表单的数据提交到action层的实例
Sep 08 Javascript
vue里面v-bind和Props 利用props绑定动态数据的方法
Aug 27 Javascript
ES6知识点整理之模块化的应用详解
Apr 15 Javascript
swiper实现异形轮播效果
Nov 28 Javascript
Element Rate 评分的使用方法
Jul 27 Javascript
JavaScript数组常用的增删改查与其他属性详解
Oct 13 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
【星际争霸1】人族1v7家ZBath
2020/03/04 星际争霸
PHP开启gzip页面压缩实例代码
2010/03/11 PHP
php设计模式 Prototype (原型模式)代码
2011/06/26 PHP
php页面跳转代码 输入网址跳转到你定义的页面
2013/03/28 PHP
关于更改Zend Studio/Eclipse代码风格主题的介绍
2013/06/23 PHP
php strnatcmp()函数的用法总结
2013/11/27 PHP
thinkPHP实现签到功能的方法
2017/03/15 PHP
浅谈PHP中的面向对象OOP中的魔术方法
2017/06/12 PHP
详解PHP中的8个魔术常量
2020/07/06 PHP
探讨js中的双感叹号判断
2013/11/11 Javascript
在JS中解析HTML字符串示例代码
2014/04/16 Javascript
基于jQuery实现Tabs选项卡自定义插件
2016/11/21 Javascript
angularjs实现多张图片上传并预览功能
2017/02/24 Javascript
Angular2 之 路由与导航详细介绍
2017/05/26 Javascript
vue router 跳转时打开新页面的示例方法
2019/07/28 Javascript
深入理解 TypeScript Reflect Metadata
2019/12/12 Javascript
小程序双头slider选择器的实现示例
2020/03/31 Javascript
javascript设计模式 ? 模板方法模式原理与用法实例分析
2020/04/23 Javascript
用云开发Cloudbase实现小程序多图片内容安全监测的代码详解
2020/06/07 Javascript
python Selenium爬取内容并存储至MySQL数据库的实现代码
2017/03/16 Python
Python实现的计算器功能示例
2018/04/26 Python
在windows下Python打印彩色字体的方法
2018/05/15 Python
Pytorch使用MNIST数据集实现基础GAN和DCGAN详解
2020/01/10 Python
Python参数传递机制传值和传引用原理详解
2020/05/22 Python
python中有函数重载吗
2020/05/28 Python
python 图像插值 最近邻、双线性、双三次实例
2020/07/05 Python
Python3如何在服务器打印资产信息
2020/08/27 Python
丽笙酒店官方网站:Radisson Hotels
2019/05/07 全球购物
工业学校毕业生自荐书
2014/01/03 职场文书
女儿十岁生日答谢词
2014/01/27 职场文书
学习十八大坚定理想信念心得体会
2014/03/11 职场文书
幼儿园母亲节活动总结
2015/02/10 职场文书
员工年度工作总结2015
2015/05/18 职场文书
婚礼双方父亲致辞
2015/07/27 职场文书
python必学知识之文件操作(建议收藏)
2021/05/30 Python
索尼ICF-36收音机评测
2022/04/30 无线电