设置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 相关文章推荐
Node.js实战 建立简单的Web服务器
Mar 08 Javascript
JS文本框不能输入空格验证方法
Mar 19 Javascript
类似php的js数组的in_array函数自定义方法
Dec 27 Javascript
jQuery使用zTree插件实现树形菜单和异步加载
Feb 25 Javascript
JavaScript实现九九乘法表的简单实例
Jun 07 Javascript
canvas实现手机端用来上传用户头像的代码
Oct 20 Javascript
浅谈EasyUi ComBotree树修改 父节点选择的问题
Nov 07 Javascript
微信小程序学习(4)-系统配置app.json详解
Jan 12 Javascript
微信小程序 弹幕功能简单实例
Feb 14 Javascript
Node.js 基础教程之全局对象
Aug 06 Javascript
Vue.js 时间转换代码及时间戳转时间字符串
Oct 16 Javascript
微信小程序常用的3种提示弹窗实现详解
Sep 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将向Java靠拢
2006/10/09 PHP
php include类文件超时问题处理
2015/02/06 PHP
使用GDB调试PHP代码,解决PHP代码死循环问题
2015/03/02 PHP
php投票系统之增加与删除投票(管理员篇)
2016/07/01 PHP
PHP crypt()函数的用法讲解
2019/02/15 PHP
php 使用 __call实现重载功能示例
2019/11/18 PHP
thinkphp 框架数据库切换实现方法分析
2020/05/18 PHP
如何在PHP中读写文件
2020/09/07 PHP
javascript 隔行换色函数代码
2010/10/24 Javascript
input输入框的自动匹配(原生代码)
2013/03/19 Javascript
JavaScript中的索引数组、关联数组和静态数组、动态数组讲解
2014/11/08 Javascript
一个仿微博登陆邮箱提示框js开发案例
2016/07/28 Javascript
分享一个原生的JavaScript拖动方法
2016/09/25 Javascript
原生js实现无限循环轮播图效果
2017/01/20 Javascript
浅谈jQuery中事情的动态绑定
2017/02/12 Javascript
js实现模糊匹配功能
2017/02/15 Javascript
jQuery实现ajax无刷新分页页码控件
2017/02/28 Javascript
vue.js实现简单轮播图效果
2017/10/10 Javascript
jQuery实现鼠标移入移出事件切换功能示例
2018/09/06 jQuery
jQuery实现数字自动增加或者减少的动画效果示例
2018/12/11 jQuery
node.js 基于cheerio的爬虫工具的实现(需要登录权限的爬虫工具)
2019/04/10 Javascript
Vue使用localStorage存储数据的方法
2019/05/27 Javascript
举例讲解Python中的迭代器、生成器与列表解析用法
2016/03/20 Python
Python的Twisted框架中使用Deferred对象来管理回调函数
2016/05/25 Python
Python实现确认字符串是否包含指定字符串的实例
2018/05/02 Python
jupyter notebook 重装教程
2020/04/16 Python
Python多线程threading创建及使用方法解析
2020/06/17 Python
家乐福巴西网上超市:Carrefour巴西
2016/10/31 全球购物
迪卡侬(Decathlon)加拿大官网:源自法国的运动专业超市
2020/11/22 全球购物
大学四年学习的自我评价分享
2013/12/09 职场文书
小升初自荐信怎么写
2015/03/26 职场文书
无犯罪记录证明样本
2015/06/16 职场文书
python函数指定默认值的实例讲解
2021/03/29 Python
日本十大血腥动漫,那些被禁播的动漫盘点
2022/03/21 日漫
教你在 Java 中实现 Dijkstra 最短路算法的方法
2022/04/08 Java/Android
Redis基本数据类型哈希Hash常用操作命令
2022/06/01 Redis