document.close()

最新推荐文章于 2021-06-14 14:50:30 发布
最新推荐文章于 2021-06-14 14:50:30 发布
阅读量3.6k 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sakuraiki/article/details/49764411
版权

今天试图做一个常见的js代码编辑运行的功能，很简单，但是一开始做出来发现iframe里的js不能执行。。。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
    <title>在线运行js代码</title>
</head>
<body>
    <textarea id="textarea" style="height: 500px;width: 500px"></textarea>
    <button id="button" type="button">运行代码</button>
    <iframe id="iframe" style="height: 500px;width: 500px"></iframe>
    <script type="text/javascript">
        var btn=document.getElementById("button");
        var iframe=document.getElementById("iframe");
        var txt=document.getElementById("textarea");
        btn.οnclick=function() {
            var doc=iframe.contentWindow.document;
            doc.write(txt.value);
        };
    </script>
</body>
</html>


后来发现要把文档流关了才能执行。。

        btn.οnclick=function() {
            var doc=iframe.contentWindow.document;
            doc.write(txt.value);
            doc.close();
        };


在网上查到别人给出的解释是：

“

功能：close()方法可关闭一个由open()方法打开的输出流，并显示选定的数据。

语法：document.close()

参数：无。

注：该方法将关闭open()方法打开的文档流，并强制地显示出所有缓存的输出内容。如果您使用write()方法动态地输出一个文档，必须记住当你这么做的时候要调用close()方法，以确保所有文档内容都能显示。
”
。。。还有就是document.write()的时候会自动做document.open()。。。。但是document.close()要手动做。。。

sakuraiki
关注
window.close()和document.close()有什么区别
靠天靠地不如靠自己
01-17 1096
 解决思路： 两者都可以简写为 close() 但什么时候这个 close() 代表的是 document.close()，什么时候代表的是 window.close()？看下面的例子就明白了。 具体步骤： function fnClose(){   alert("调用的是window.close()，窗口将被关闭")   close() } 单击测试 单击测试 特别提示 运行代码，当单击第一
document.open() 与 [removed]()的区别
10-30
2. `document.open()` 需要配合 `document.close()` 使用，以确保内容正确渲染，而 `document.write()` 不需要显式关闭。 3. 在文档加载后使用 `document.write()` 可能导致整个文档被重新打开和重写，而 `document....
HTML DOM close() 方法
yangxiuen的博客
05-17 259
定义和用法 close() 方法可关闭一个由 document.open 方法打开的输出流，并显示选定的数据。 语法 document.close()说明 该方法将关闭 open() 方法打开的文档流，并强制地显示出所有缓存的输出内容。如果您使用 write() 方法动态地输出一个文档，必须记住当你这么做的时候要调用 close() 方法，以确保所有文档内容都能显示。 一旦调用了...
Close doc
weixin_30362233的博客
01-08 108
//CLOSING THE FILE oWordDoc.Close(ref oFalse, ref oMissing, ref oMissing); //QUITTING THE APPLICATION oWord.Quit(ref oMissing, ref oMissing, ref oMissing); 转载于:https://www.cnblogs.com/greencolor...
document.write()/document.open()/document.close() 用法
pursuer211的专栏
03-26 5670
document.open() 功能：打开一个新文档，并擦除当前文档的内容。 语法：document.open(mimetype,replace) 参数： mimetype：可选。规定正在写的文档的类型。默认值是"text/html"。replace：可选。当此参数设置后，可引起新文档从父文档继承历史条目。 注1：open()方法将擦除当前HTML文档的内容，开始一个新的文档，新文档
javascript中的document.open()方法使用介绍
10-26
然后，调用document.open()打开一个新的文档流，紧接着通过document.write()方法将变量msg的内容输出到页面中，最后调用document.close()来结束写入操作。 值得注意的是，在实际开发中，document.open()一般会与...
javascript document.images实例
10-30
- 在实例代码中，使用了`void(document.close())`，这一步是多余的，因为`document.write()`函数执行完毕后，自动关闭了文档的输出流。 #### 特殊使用场景 在提供的部分中提到，可以将一段JavaScript代码放在URL...
window.close()与document.close()的区别
ShanDong_Chu
09-19 1102
解决思路：                 两者都可以简写为 close() 但什么时候这个 close() 代表的是 document.close()，什么时候代表的 window.close()？看下面的例子就明白了 具体步骤： function fnClose(){    al
关于document的三个方法：open、write、close
liuyaqi1993的博客
10-21 4089
document.open会打开一个新文档，清除已加载的文档；document.write在HTML加载后调用会导致open方法调用一次；document.close会关闭打开的文档。
被忽视的document的close方法
blanky01的专栏
06-07 613
今天在项目里遇到一个问题，往iframe多次写入文档内容，写入的内容需要覆盖已经显示的内容，试了很多种方法都不理想，包括先把iframe清空都不行，后来看了一下w3c的帮助文档，发现document有一个close方法用来关闭写入流，使接下来write的内容覆盖原有的内容。唉真是学业不精啊，有时间要多看看基本的东西了，放在这里供以后查阅！...
html文件打开显示close,HTML DOM close()用法及代码示例
weixin_33239721的博客
06-14 1410
DOM close()方法用于关闭输出流。它用于指示在窗口上完成写入。 close()方法不需要任何参数。用法:document.close()范例1：DOM close Methodh1, h2{color:green;}body {text-align:center;}GeeksForGeeksDOM close() MethodSubmit// This function is called...
Java Script close()方法完成的例子
Cici的博客
06-13 243
1、close() ：关闭一个由 document.open 方法打开的输出流，并显示选定的数据。 该方法将关闭 open() 方法打开的文档流(而不是关闭窗口，那是window.close()方法的功能)，并强制地显示出所有缓存的输出内容。 注意：如果使用 write() 方法动态地输出一个文档，必须记住调用 close() 方法，以确保所有文档内容都能显示。(关闭流时可保证所有数据...
【python基础】——python读写doc/docx/txt/xls文件
汤庆
03-16 5万+
一、处理文件 1、读取txt文件 #!/usr/bin/python # python3.6 file = open('E:\\个人文件\\6-desktop\\new.txt','r') for line in file: print(line) 2、读取docx文件的内容 1）Python可以利用python-docx模块处理w...
document .write的用法和清空的原因
默的博客
10-13 927
可能很多朋友都遇到过这样的情况，那就是使用document.write()函数向网页中写内容的时候，会把文档中的原来的内容给清空，这一点对于初学者来说算是一个困扰，下面就介绍一下为什么会出现这种情况，当然也就知道如何避免此种情况的发生了。 　　先看一段代码实例: <!DOCTYPE html> <html> <head> <met...
Word Document Close之间存在二义性解决方案
weixin_33912638的博客
03-24 406
警告1  方法“Microsoft.Office.Interop.Word._Document.Close(ref object, ref object, ref object)”和非方法“Microsoft.Office.Interop.Word.DocumentEvents2_Event.Close”之间存在二义性。将使用方法组。  部分程序:  Word.Document doc = nul...
IFrame与window对象(contentWindow)
热门推荐
仓
08-30 8万+
IFRAME    IFRAME 元素也就是文档中的文档window 对象    浏览器会在其打开一个 HTML 文档时创建一个对应的 window 对象。但是，如果一个文档定义了一个或多个框架(即，包含一个或多个 frame 或 iframe 标签)，浏览器就会为原始文档创建一个 window 对象，再为每个框架创建额外的 window 对象。这些额外的对象是原始窗口的 子窗口，可能被原始窗口中发生的事件所影响。例如，关闭原始窗口将导致关闭全部子窗口。如果想要创建新窗口(以及对应的 window 对象)，
方法“Microsoft.Office.Interop.Word._Document.Close”和非方法“Microsoft.Office.Interop.Word.DocumentEvents2_Event.Close”之间存在二义性。将使用方法组。
最新发布
09-29
`_Document.Close` 和 `DocumentEvents2_Event.Close` 就是一个典型的例子。 `_Document.Close` 是一个静态方法，它直接属于 `_Document` 类，用于关闭 Word 文档实例。而 `DocumentEvents2_Event.Close` 实际上是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值