设置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 null和undefined区别分析
Oct 14 Javascript
jquery remove方法应用详解
Nov 22 Javascript
jquery struts 验证唯一标识(公用方法)
Mar 27 Javascript
js 获取屏幕各种宽高的方法(浏览器兼容)
May 15 Javascript
关于jquery中全局函数each使用介绍
Dec 10 Javascript
jquery动态添加元素事件失效问题解决方法
May 23 Javascript
IE下使用jQuery重置iframe地址时内存泄露问题解决办法
Feb 05 Javascript
jQuery插件zepto.js简单实现tab切换
Jun 16 Javascript
JQuery ZTree使用方法详解
Jan 07 Javascript
深入浅析Vue中的 computed 和 watch
Jun 06 Javascript
vue移动端轻量级的轮播组件实现代码
Jul 12 Javascript
js+canvas绘制图形验证码
Sep 21 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中strtotime函数使用方法分享
2012/01/10 PHP
PHP遍历数组的几种方法
2012/03/22 PHP
判断javascript的数据类型(示例代码)
2013/12/11 Javascript
JavaScript中的getTime()方法使用详解
2015/06/10 Javascript
javascript实现随机显示星星特效
2016/01/28 Javascript
JavaScript+html5 canvas实现本地截图教程
2020/04/16 Javascript
jquery+ajax实现省市区三级联动效果简单示例
2017/01/04 Javascript
JS实现动态添加DOM节点和事件的方法示例
2017/04/28 Javascript
Angular使用Md5加密的解决方法
2017/09/16 Javascript
node.js学习之事件模块Events的使用示例
2017/09/28 Javascript
Angular js 实现添加用户、修改密码、敏感字、下拉菜单的综合操作方法
2017/10/24 Javascript
基于substring()和substr()的使用以及区别(实例讲解)
2017/12/28 Javascript
vue使用echarts图表的详细方法
2018/10/22 Javascript
详解js实时获取并显示当前时间的方法
2019/05/10 Javascript
extjs图表绘制之条形图实现方法分析
2020/03/06 Javascript
[02:03]《现实生活中的DOTA2》—林书豪&DOTA2职业选手出演短片
2015/08/18 DOTA
[00:12]DAC2018 天才少年转战三号位,他的SOLO是否仍如昔日般强大?
2018/04/06 DOTA
在Python3中初学者应会的一些基本的提升效率的小技巧
2015/03/31 Python
python通过ffmgep从视频中抽帧的方法
2018/12/05 Python
Mac在python3环境下安装virtualwrapper遇到的问题及解决方法
2019/07/09 Python
使用python实现时间序列白噪声检验方式
2020/06/03 Python
一文解决django 2.2与mysql兼容性问题
2020/07/15 Python
英国网上购买门:Direct Doors
2018/06/07 全球购物
简述索引存取方法的作用和建立索引的原则
2013/03/26 面试题
C#公司笔试题
2014/03/28 面试题
北京振戎融通Java面试题
2015/09/03 面试题
店长岗位的工作内容
2013/11/12 职场文书
城市精细化管理实施方案
2014/03/04 职场文书
法定代表人授权委托书
2014/04/04 职场文书
中学生评语大全
2014/04/18 职场文书
四年级学生评语大全
2014/04/21 职场文书
学院党委班子四风问题自查报告及整改措施
2014/10/25 职场文书
云冈石窟导游词
2015/02/04 职场文书
幼儿园中班教师个人工作总结
2015/02/06 职场文书
部门主管竞聘书
2015/09/15 职场文书
详解JavaScript中Arguments对象用途
2021/08/30 Javascript