讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
首页 > web前端 > js教程 > 正文

设置iframe的document.designMode后仅Firefox中其body.innerHTML为br_javascript技巧

php中文网
发布： 2016-05-16 17:55:51
原创
1795人浏览过

重现如下：

Opus
Opus

AI生成视频工具

Opus 77
查看详情 Opus
复制代码 代码如下:




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




<script> <BR>var ifr = document.getElementsByTagName('iframe')[0]; <BR>var doc = ifr.contentWindow.document; <BR>function prif() { <BR>console.log(ifr.contentWindow.document.body.innerHTML); <BR>} <BR>function changeDesignMode() { <BR>ifr.contentWindow.document.designMode = 'On'; <BR>} <BR>prif(); <BR></script>



以上代码iframe的body中没有写入任何html标记。正常情况下输出ifr.contentWindow.document.body.innerHTML应该是空字符串。但Firefox中有点特殊。
请按下面步骤依次操作。
Firefox中打开该html默认输出了空字符串
设置iframe的document.designMode后仅Firefox中其body.innerHTML为br_javascript技巧
控制台中执行changeDesignMode方法，再执行prif方法，这时输出的innerHTML为“
”，如下
设置iframe的document.designMode后仅Firefox中其body.innerHTML为br_javascript技巧
Chrome/Safari/Opera输出的仍然是空字符串。
java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：JavaScript高级程序设计 读书笔记之八 Function类及闭包_javascript技巧 下一篇：jQuery学习笔记之控制页面实现代码_jquery
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
JavaScript如何操作浏览器历史_使用History API改变URL而不刷新页面？ JavaScript通过pushState()和replaceState()实现无刷新URL变更，配合popstate事件监听前进/后退；前者新增历史记录，后者替换当前记录，均需同源且state用于保存页面状态。
2025-12-20 14:09:31
745
javascript运算符有哪些_如何使用比较和逻辑运算符？ JavaScript运算符包括比较和逻辑两类：===严格比较值与类型，==会类型转换；&&和||返回最后一个求值操作数，!转布尔取反；应避免==、注意对象引用比较及逻辑运算符的短路特性。
2025-12-20 14:08:02
752
javascript的async/await是什么_如何简化异步代码？ async/await是JavaScript中基于Promise的异步语法糖，使异步代码更直观；async函数自动返回Promise，await在其内部暂停执行并等待Promise完成，需用try/catch捕获错误，支持串行与并行控制，但不改变异步本质。
2025-12-20 14:05:36
689
javascript的事件冒泡和捕获机制是什么_如何正确使用事件委托 JavaScript事件流包含捕获（从window到目标）和冒泡（从目标到document）两个阶段；事件委托是利用冒泡特性在父元素统一监听子元素事件的优化策略。
2025-12-20 14:04:02
818
JavaScript函数柯里化_javascript高级技巧 柯里化是将多参数函数转换为依次接收单参数的函数序列，通过闭包保存参数直至齐全后执行。例如add(1)(2)(3)等价于add(1,2,3)，其核心是利用函数length判断参数是否收集完成。实现时通过递归返回新函数，支持curry(fn)包装任意函数。应用场景包括参数复用（如预设日志级别）、函数组合与延迟计算。但需注意rest参数导致length为0的限制、性能损耗及调试复杂度。掌握柯里化有助于提升代码复用性与函数式编程能力。
2025-12-20 14:03:07
189
如何操作视频_javascript中如何控制播放？ JavaScript控制视频播放需先获取video元素并等待loadedmetadata事件，再调用play()等方法；所有操作须在用户手势触发的上下文中进行，并注意自动播放限制。
2025-12-20 13:48:08
166
如何用JavaScript实现一个实时聊天应用_WebSocket如何建立双向通信？ WebSocket通过HTTP升级握手建立TCP上的持久双向通信，客户端用newWebSocket()连接并监听onopen/onmessage，服务端用ws库广播消息，需处理重连、心跳、鉴权等优化。
2025-12-20 13:41:18
945
什么是JavaScript内存泄漏_常见的内存泄漏场景有哪些 JavaScript内存泄漏指本该回收的内存因引用未断开而持续驻留，导致内存占用升高、页面卡顿甚至崩溃；主要类型包括意外全局变量、未清理事件监听器、闭包持有大对象、未清除定时器、DOM与JS循环引用。
2025-12-20 13:40:03
941
javascript如何实现数据持久化_IndexedDB怎样操作 IndexedDB是浏览器端最强大、适合结构化数据存储的持久化方案，支持事务、索引与大量异步数据操作。需通过indexedDB.open()创建/打开数据库，在upgradeneeded中建对象仓库和索引；CRUD操作须在事务中进行，推荐用Promise封装提升可读性；可close()关闭或deleteDatabase()删除数据库。
2025-12-20 13:24:08
715
javascript数组怎么用_有哪些必须掌握的数组方法 JavaScript数组核心方法分四类：增删改查（push/pop/shift/unshift/splice）、遍历转换（map/filter/forEach/find/some/every）、聚合扁平化（reduce/flat/flatMap）、查找判断（includes/indexOf/lastIndexOf/Array.isArray），需注意是否修改原数组。
2025-12-20 13:17:02
895
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部