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 相关文章推荐
HTML-CSS群中单选引发的“事件”
Mar 05 Javascript
Jquery 实现checkbox全选方法
Jan 28 Javascript
JS实现仿雅虎首页快捷登录入口及导航模块效果
Sep 19 Javascript
JS实现DIV容器赋值的方法
Dec 14 Javascript
利用js编写响应式侧边栏
Sep 17 Javascript
基于vue组件实现猜数字游戏
May 28 Javascript
React Native 自定义下拉刷新上拉加载的列表的示例
Mar 01 Javascript
基于JavaScript实现瀑布流布局
Aug 15 Javascript
微信小程序实现购物页面左右联动
Feb 15 Javascript
JavaScript+HTML5 canvas实现放大镜效果完整示例
May 15 Javascript
vue使用高德地图点击下钻上浮效果的实现思路
Oct 12 Javascript
js实现轮播图特效
May 28 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
破解图片防盗链的代码(asp/php)测试通过
2010/07/02 PHP
PHP安全防范技巧分享
2011/11/03 PHP
PHP生成压缩文件实例
2015/02/07 PHP
smarty模板引擎之分配数据类型
2015/03/30 PHP
详解PHP发送邮件知识点
2018/05/06 PHP
js中判断控件是否存在
2010/08/25 Javascript
JS获取浏览器版本及名称实现函数
2013/04/02 Javascript
javascript解决innerText浏览器兼容问题思路代码
2013/05/17 Javascript
javascript模块化是什么及其优缺点介绍
2013/09/02 Javascript
js定时器怎么写?就是在特定时间执行某段程序
2013/10/11 Javascript
如何在JavaScript中实现私有属性的写类方式(二)
2013/12/04 Javascript
javascript获取select的当前值示例代码(兼容IE/Firefox/Opera/Chrome)
2013/12/17 Javascript
基于Arcgis for javascript实现百度地图ABCD marker的效果
2015/09/12 Javascript
JavaScript如何实现跨域请求
2016/08/05 Javascript
利用python分析access日志的方法
2016/10/26 Javascript
利用Javascript实现简单的转盘抽奖
2017/02/13 Javascript
layui结合form,table的全选、反选v1.0示例讲解
2018/08/15 Javascript
jquery 动态遍历select 赋值的实例
2018/09/12 jQuery
Element-ui之ElScrollBar组件滚动条的使用方法
2018/09/14 Javascript
vue 界面刷新数据被清除 localStorage的使用详解
2018/09/16 Javascript
Promise扫盲贴
2019/06/24 Javascript
layui的数据表格+springmvc实现搜索功能的例子
2019/09/28 Javascript
Vue组件通信中非父子组件传值知识点总结
2019/12/05 Javascript
Python设计模式之抽象工厂模式
2016/08/25 Python
Python 将Matrix、Dict保存到文件的方法
2018/10/30 Python
Python类装饰器实现方法详解
2018/12/21 Python
Python数据可视化教程之Matplotlib实现各种图表实例
2019/01/13 Python
Python如何处理大数据?3个技巧效率提升攻略(推荐)
2019/04/15 Python
使用python画社交网络图实例代码
2019/07/10 Python
python智联招聘爬虫并导入到excel代码实例
2019/09/09 Python
Selenium 安装和简单使用的实现
2020/12/04 Python
使用pandas读取表格数据并进行单行数据拼接的详细教程
2021/03/03 Python
让子弹飞观后感
2015/06/11 职场文书
导游词之太湖
2019/10/08 职场文书
Python requests库参数提交的注意事项总结
2021/03/29 Python
html网页引入svg图片的4种方式
2022/08/05 HTML / CSS