长知识博客网站,一个编程知识分享网站! Email: 1437393071@qq.com

document.close()方法介绍

分类: 前端 浏览量: 留言数: 98346

此方法可以关闭一个由 document.open()方法打开的输出流,并显示选定的数据。

建议参阅为什么document.write()会覆盖网页的内容一章节,能够有助于对此方法的理解。

特别说明:

该方法将关闭document.open()方法打开的文档流,并强制地显示出所有缓存的输出内容。

如果使用document.write()方法动态地输出一个文档,必须要调用close()方法,以确保所有文档内容都能显示。一旦调用了close(),就不应该再次调用write(),因为这会隐式地调用open()来擦除当前文档并开始一个新的文档。

语法结构:

document.close()

浏览器支持:

(1).IE浏览器支持此方法。

(2).火狐浏览器支持此方法。

(3).Opera浏览器支持此方法。

(4).谷歌浏览器支持此方法。

(5).safria浏览器支持此方法。

实例代码:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.pipipi.net/" /> 
<title>犀牛前端部落</title> 
<script type="text/javascript"> 
function createNewDoc(){ 
  var newDoc=document.open("text/html","replace"); 
  var txt="<html><body>犀牛前端部落欢迎您</body></html>"; 
  newDoc.write(txt); 
  newDoc.close(); 
} 
window.onload=function(){
  var bt=document.getElementById("bt");
  bt.onclick=function(){
    createNewDoc();
  }
}
</script> 
</head> 
<body> 
<input type="button" id="bt" value="写一个文档"/> 
</body> 
</html>

本文地址: http://www.zzsi.net/code/web/98346.html

本站部分资源来源与网络,仅供学习参考使用,请勿商用,如侵犯了您的权益,请联系我们删除。

标签: 上一篇: 下一篇:
在线留言CONTACT US

评论功能已关闭

展开更多