设置iframe的document.designMode后仅Firefox中其body.innerHTML为br


Posted in Javascript onFebruary 27, 2012

重现如下:

<!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默认输出了空字符串
设置iframe的document.designMode后仅Firefox中其body.innerHTML为br
控制台中执行changeDesignMode方法,再执行prif方法,这时输出的innerHTML为“<br>”,如下
设置iframe的document.designMode后仅Firefox中其body.innerHTML为br
Chrome/Safari/Opera输出的仍然是空字符串。
Javascript 相关文章推荐
利用onresize使得div可以随着屏幕大小而自适应的代码
Jan 15 Javascript
GWT中复制到剪贴板 js+flash实现复制 兼容性比较好
Mar 07 Javascript
script的async属性以非阻塞的模式加载脚本
Jan 15 Javascript
jQuery基础_入门必看知识点
Jul 04 Javascript
Javascript中关于Array.filter()的妙用详解
Dec 04 Javascript
vue.js从安装到搭建过程详解
Mar 17 Javascript
React教程之Props验证的具体用法(Props Validation)
Sep 04 Javascript
js实现随机点名系统(实例讲解)
Oct 18 Javascript
Angular4学习教程之HTML属性绑定的方法
Jan 04 Javascript
详解Node 定时器
Feb 26 Javascript
Vue.js自定义事件的表单输入组件方法
Mar 08 Javascript
JS在Array数组中按指定位置删除或添加元素对象方法示例
Nov 19 Javascript
jQuery学习笔记之控制页面实现代码
Feb 27 #Javascript
JQuery获取浏览器窗口内容部分高度的代码
Feb 24 #Javascript
JQuery操作表格(隔行着色,高亮显示,筛选数据)
Feb 23 #Javascript
基于JQuery实现鼠标点击文本框显示隐藏提示文本
Feb 23 #Javascript
js前台判断开始时间是否小于结束时间
Feb 23 #Javascript
Javascript绝句欣赏 一些经典的js代码
Feb 22 #Javascript
JavaScript插入动态样式实现代码
Feb 22 #Javascript
You might like
PHP之变量、常量学习笔记
2008/03/27 PHP
超小PHP小马小结(方便查找后门的朋友)
2012/05/05 PHP
基于PHP选项与信息函数的使用详解
2013/05/10 PHP
php多个文件及图片上传实例详解
2014/11/10 PHP
让广告代码不再影响你的网页加载速度
2006/07/07 Javascript
编写跨浏览器的javascript代码必备[js多浏览器兼容写法]
2008/10/29 Javascript
Jquery 高亮显示文本中重要的关键字
2009/12/24 Javascript
js为鼠标添加右击事件防止默认的右击菜单弹出
2013/07/29 Javascript
JavaScript中的标签语句用法分析
2015/02/10 Javascript
jQuery+jRange实现滑动选取数值范围特效
2015/03/14 Javascript
JavaScript制作淘宝星级评分效果的思路
2020/06/23 Javascript
JS实现对中文字符串进行utf-8的Base64编码的方法(使其与Java编码相同)
2016/06/21 Javascript
js获取Get值的方法
2016/09/29 Javascript
Bootstrap输入框组件使用详解
2017/06/09 Javascript
vue、react等单页面项目应该这样子部署到服务器
2018/01/03 Javascript
JS字符串去除连续或全部重复字符的实例
2018/03/08 Javascript
vue发送websocket请求和http post请求的实例代码
2019/07/11 Javascript
JS typeof fn === 'function' &amp;&amp; fn()详解
2020/08/22 Javascript
python tensorflow基于cnn实现手写数字识别
2018/01/01 Python
Django项目中model的数据处理以及页面交互方法
2018/05/30 Python
python 对key为时间的dict排序方法
2018/10/17 Python
Python寻找两个有序数组的中位数实例详解
2018/12/05 Python
在Python运行时动态查看进程内部信息的方法
2019/02/22 Python
Python使用Beautiful Soup爬取豆瓣音乐排行榜过程解析
2019/08/15 Python
Python实现随机生成任意数量车牌号
2020/01/21 Python
python微信公众号开发简单流程实现
2020/03/09 Python
Numpy(Pandas)删除全为零的列的方法
2020/09/11 Python
基于 HTML5 的 WebGL 3D 版俄罗斯方块的示例代码
2018/05/28 HTML / CSS
印度低票价航空公司:GoAir
2017/10/11 全球购物
.NET面试题:什么是反射
2016/09/30 面试题
九九重阳节标语
2014/10/07 职场文书
幼儿园感恩节活动总结
2015/03/24 职场文书
《牧场之国》教学反思
2016/02/22 职场文书
MySQL定时备份数据库(全库备份)的实现
2021/09/25 MySQL
springboot+zookeeper实现分布式锁
2022/03/21 Java/Android
《黑岩★★射手 DAWN FALL》BD发售宣传CM公开
2022/04/04 日漫