设置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 相关文章推荐
比较详细的关于javascript中void(0)的具体含义解释
Aug 02 Javascript
combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
Apr 15 Javascript
javascript中文本框中输入法切换的问题
Dec 10 Javascript
Seajs的学习笔记
Mar 04 Javascript
node.js中的fs.lchmodSync方法使用说明
Dec 16 Javascript
javascript函数式编程程序员的工具集
Oct 11 Javascript
JS动态修改网页body的背景色实例代码
Oct 07 Javascript
详解webpack引入第三方库的方式以及注意事项
Jan 15 Javascript
Vue.js实现的购物车功能详解
Jan 27 Javascript
js 下拉菜单点击旁边收起实现(踩坑记)
Sep 29 Javascript
JavaScript实现答题评分功能页面
Jun 24 Javascript
JavaScript实现商品评价五星好评
Nov 30 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
利用谷歌 Translate API制作自己的翻译脚本
2014/06/04 PHP
PHP实现简易blog的制作
2016/10/24 PHP
JS getMonth()日期函数的值域是0-11
2010/02/15 Javascript
关于Javascript作用域链的八点总结
2013/12/06 Javascript
window.location不跳转的问题解决方法
2014/04/17 Javascript
javascript版的in_array函数(判断数组中是否存在特定值)
2014/05/09 Javascript
JS案例分享之金额小写转大写
2014/05/15 Javascript
javascript模拟实现ajax加载框实例
2014/10/15 Javascript
Javascript基础教程之数据类型转换
2015/01/18 Javascript
JavaScript中的标签语句用法分析
2015/02/10 Javascript
JS实现网页右侧带动画效果的伸缩窗口代码
2015/10/29 Javascript
解决jquery中动态新增的元素节点无法触发事件问题的两种方法
2015/10/30 Javascript
老生常谈javascript变量的命名规范和注释
2016/09/29 Javascript
jQuery命名空间与闭包用法示例
2017/01/12 Javascript
three.js绘制地球、飞机与轨迹的效果示例
2017/02/28 Javascript
浅谈Angular路由复用策略
2017/10/04 Javascript
详解Vue后台管理系统开发日常总结(组件PageHeader)
2019/11/01 Javascript
Vue移动端项目实现使用手机预览调试操作
2020/07/18 Javascript
[03:48]大碗DOTA
2019/07/25 DOTA
探究python中open函数的使用
2016/03/01 Python
Python简单读写Xls格式文档的方法示例
2018/08/17 Python
使用python来调用CAN通讯的DLL实现方法
2019/07/03 Python
python生成特定分布数的实例
2019/12/05 Python
python 追踪except信息方式
2020/04/25 Python
Python并发concurrent.futures和asyncio实例
2020/05/04 Python
django 连接数据库出现1045错误的解决方式
2020/05/14 Python
浅谈keras中的keras.utils.to_categorical用法
2020/07/02 Python
英国和爱尔兰的自炊式豪华度假小屋:Rural Retreats
2018/06/08 全球购物
欧克利英国官网:Oakley英国
2019/08/24 全球购物
台湾7-ELEVEN线上购物中心:7-11
2021/01/21 全球购物
汽车专业人才自我鉴定范文
2013/12/29 职场文书
会议主持词
2014/03/17 职场文书
2015年班干部工作总结
2015/04/29 职场文书
婚礼双方父亲致辞
2015/07/27 职场文书
2015年四年级班主任工作总结
2015/10/22 职场文书
协议书格式模板
2016/03/24 职场文书