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

重现如下：复制代码代码如下: <!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默认输出了空字符串控制台中执行changeDesignMode方法，再执行prif方法，这时输出的innerHTML为“<br>”，如下Chrome/Safari/Opera输出的仍然是空字符串。

　　推荐阅读

　　javascript suggest效果自动完成实现代码分享

首先，用到的框架当然是我的框架mass Framework，当然你用其他框架也可以，如jQuery，没有什么复杂的东西。只要弄懂原理，一下子就能搞出来。想必，以后你们工作也遇到做搜索框的活儿。由于本人没有后端，因此取用>>>详细阅读

本文标题：设置iframe的document.designMode后仅Firefox中其body.innerHTML为br

地址：http://www.17bianji.com/kaifa2/JS/23637.html

1/2 1