1. 云栖社区>
  2. >
  3. 正文

设置iframe的document.designMode后仅Firefox中其body.innerHTML为br_javascript技巧

作者:用户 来源:互联网 时间:2016-02-27 11:05:13

designMode

设置iframe的document.designMode后仅Firefox中其body.innerHTML为br_javascript技巧 - 摘要: 本文讲的是设置iframe的document.designMode后仅Firefox中其body.innerHTML为br_javascript技巧, 重现如下: 复制代码 代码如下: <!doctype html> <html> <head> <title>设置iframe的document.designMode后仅Firefox中其

重现如下:
复制代码 代码如下:

<!doctype html>
<html>
<head>
<title>设置iframe的document.designMode后仅Firefox中其body.innerHTML为br</title>
<meta charset="utf-8">
</head>
<body>
<iframe frameborder="1" style="height: 330px;"></iframe>
<script>
var ifr = document.getElementsByTagName('iframe')[0];
var doc = ifr.contentWindow.document;
function prif() {
console.log(ifr.contentWindow.document.body.innerHTML);
}
function changeDesignMode() {
ifr.contentWindow.document.designMode = 'On';
}
prif();
</script>
</body>
</html>

以上代码iframe的body中没有写入任何html标记。正常情况下输出ifr.contentWindow.document.body.innerHTML应该是空字符串。但Firefox中有点特殊。
请按下面步骤依次操作。
Firefox中打开该html默认输出了空字符串
20120227184858447.png
控制台中执行changeDesignMode方法,再执行prif方法,这时输出的innerHTML为“<br>”,如下
20120227184932460.png
Chrome/Safari/Opera输出的仍然是空字符串。

以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索designMode document.innerhtml、firefox innerhtml、iframe innerhtml、js iframe innerhtml、获取iframe document,以便于您获取更多的相关知识。

稳定可靠、可弹性伸缩的在线数据库服务,全球最受欢迎的开源数据库之一

6款热门基础云产品6个月免费体验;2款产品1年体验;1款产品2年体验

弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率

开发者常用软件,超百款实用软件一站式提供