设置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 相关文章推荐
popdiv
Jul 14 Javascript
showModalDialog在谷歌浏览器下会返回Null的解决方法
Nov 27 Javascript
jquery实现当滑动到一定位置时固定效果
Jun 17 Javascript
使用jquery.qrcode.min.js实现中文转化二维码
Mar 11 Javascript
基于Vue.js的表格分页组件
May 22 Javascript
详解vue文件中使用echarts.js的两种方式
Oct 18 Javascript
VeeValidate 的使用场景以及配置详解
Jan 11 Javascript
JavaScript动态创建二维数组的方法示例
Feb 01 Javascript
VUE接入腾讯验证码功能(滑块验证)备忘
May 07 Javascript
浅析vue-router中params和query的区别
Dec 24 Javascript
微信小程序实现带放大效果的轮播图
May 26 Javascript
解决vue项目router切换太慢问题
Jul 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
分页显示Oracle数据库记录的类之一
2006/10/09 PHP
一些被忽视的PHP函数(简单整理)
2010/04/30 PHP
兼容firefox,chrome的网页灰度效果
2011/08/08 PHP
zend framework配置操作数据库实例分析
2012/12/06 PHP
thinkphp跨库操作的简单代码实例
2016/09/22 PHP
PHP生成唯一ID之SnowFlake算法
2016/12/17 PHP
PHP进制转换实例分析(2,8,16,36,64进制至10进制相互转换)
2017/02/04 PHP
ThinkPHP实现静态缓存和动态缓存示例代码
2017/05/02 PHP
js实现运动logo图片效果及运动元素对象sportBox使用方法
2012/12/25 Javascript
利用ES6语法重构React组件详解
2017/03/02 Javascript
Vue2.0 事件的广播与接收(观察者模式)
2018/03/14 Javascript
node.js博客项目开发手记
2018/03/16 Javascript
JavaScript实现图片轮播特效
2019/10/23 Javascript
使用axios请求时,发送formData请求的示例
2019/10/29 Javascript
jquery+css3实现的经典弹出层效果示例
2020/05/16 jQuery
python+mysql实现简单的web程序
2014/09/11 Python
把MySQL表结构映射为Python中的对象的教程
2015/04/07 Python
python学生信息管理系统
2018/03/13 Python
pandas or sql计算前后两行数据间的增值方法
2018/04/20 Python
python使用suds调用webservice接口的方法
2019/01/03 Python
使用Python快速制作可视化报表的方法
2019/02/03 Python
python右对齐的实例方法
2020/07/05 Python
CSS3 flex布局之快速实现BorderLayout布局
2015/12/03 HTML / CSS
html5菜单折纸效果
2014/04/22 HTML / CSS
西班牙著名的珠宝首饰品牌:P D PAOLA
2018/09/15 全球购物
SQL SERVER面试资料
2013/03/30 面试题
介绍一下OSI七层模型
2012/07/03 面试题
亿企通软件测试面试题
2012/04/10 面试题
奖学金个人总结
2015/03/04 职场文书
排球赛新闻稿
2015/07/17 职场文书
2015年重阳节活动主持词
2015/07/30 职场文书
导游词之永泰公主墓
2019/12/04 职场文书
如何用PHP websocket实现网页实时聊天
2021/05/26 PHP
Python爬虫基础初探selenium
2021/05/31 Python
SpringBoot实现异步事件驱动的方法
2021/06/28 Java/Android
MySQL 5.7常见数据类型
2021/07/15 MySQL