- 时间：2020-02-21 13:00 编辑： 来源： 阅读：
- 扫一扫，手机访问
摘要：设置iframe的document.designMode后仅Firefox中其body.innerHTML为br
重现如下：
<!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默认输出了空字符串
[img]http://files.jb51.net/upload/201202/20120227184858447.png[/img]
控制台中执行changeDesignMode方法，再执行prif方法，这时输出的innerHTML为“<br>”，如下
[img]http://files.jb51.net/upload/201202/20120227184932460.png[/img]
Chrome/Safari/Opera输出的仍然是空字符串。
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...
