設(shè)置iframe的document.designMode后僅Firefox中其body.innerHTML為br
更新時(shí)間:2012年02月27日 18:49:48 作者:
設(shè)置iframe的document.designMode為On可以讓其可編輯,一般用在富文本編輯器組件中。這里僅列出各瀏覽器差異
重現(xiàn)如下:
<!doctype html>
<html>
<head>
<title>設(shè)置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標(biāo)記。正常情況下輸出ifr.contentWindow.document.body.innerHTML應(yīng)該是空字符串。但Firefox中有點(diǎn)特殊。
請按下面步驟依次操作。
Firefox中打開該html默認(rèn)輸出了空字符串

控制臺(tái)中執(zhí)行changeDesignMode方法,再執(zhí)行prif方法,這時(shí)輸出的innerHTML為“<br>”,如下

Chrome/Safari/Opera輸出的仍然是空字符串。
復(fù)制代碼 代碼如下:
<!doctype html>
<html>
<head>
<title>設(shè)置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標(biāo)記。正常情況下輸出ifr.contentWindow.document.body.innerHTML應(yīng)該是空字符串。但Firefox中有點(diǎn)特殊。
請按下面步驟依次操作。
Firefox中打開該html默認(rèn)輸出了空字符串

控制臺(tái)中執(zhí)行changeDesignMode方法,再執(zhí)行prif方法,這時(shí)輸出的innerHTML為“<br>”,如下

Chrome/Safari/Opera輸出的仍然是空字符串。
您可能感興趣的文章:
- Vue 使用iframe引用html頁面實(shí)現(xiàn)vue和html頁面方法的調(diào)用操作
- Html中 IFrame的用法及注意點(diǎn)
- html判斷當(dāng)前頁面是否在iframe中的實(shí)例
- js取得html iframe中的元素和變量值
- 在Flex(Flash)中嵌入HTML代碼或頁面(Flex IFrame)
- js中訪問html中iframe的文檔對象的代碼[IE6,IE7,IE8,FF]
- 讓iframe自適應(yīng)高度(支持XHTML,支持FF)
- 讓iframe自適應(yīng)高度(支持xhtml)IE firefox兼容
- HTML iframe標(biāo)簽用法案例詳解
相關(guān)文章
關(guān)于Iframe父頁面與子頁面之間的相互調(diào)用
下面小編就為大家?guī)硪黄P(guān)于Iframe父頁面與子頁面之間的相互調(diào)用。小編覺得挺不錯(cuò)的,希望對大家有所幫助。一起跟隨小編過來看看吧,祝大家游戲愉快哦2016-11-11javascript兩種function的定義介紹及區(qū)別說明
javascript兩種function的定義方式function a(){}和a=function(){}具體使用如下,感興趣的朋友可以參考下,希望對你對你學(xué)習(xí)function的定義有所幫助2013-05-05JavaScript實(shí)現(xiàn)環(huán)繞鼠標(biāo)旋轉(zhuǎn)效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)環(huán)繞鼠標(biāo)旋轉(zhuǎn)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-01-01JavaScript.The.Good.Parts閱讀筆記(一)假值與===運(yùn)算符
JavaScript 假值與===運(yùn)算符,學(xué)習(xí)js的朋友可以看下。2010-11-11