|
問題描述
不得不承認,這是一個非常詭異的問題,以下步驟可以重現問題:
- 用IE打開這個測試頁面,確認頁面上有個iframe,里面顯示著abc三個字符。
- 把這頁面加進收藏夾。
- 重新打開IE。
- 從收藏夾再打開這頁面 。
如果沒出問題的話,你會發現頁面上雖然還有iframe,但是abc消失了。更準確、詳細地說,前后2次的頁面主要有以下區別:
- 從視覺上來說,頁面中的abc字符消失了。
- 從DOM結構上看,iframe中的body元素內沒有任何內容。
- 從iframe的右鍵-屬性上看,第一次頁面上iframe的地址是父頁面的URL,第二次則變成了about:blank。
以下是這個頁面的源碼,是從遇上問題的頁面中不斷分離、簡化,最后形成的一個最簡的重現方案:
!DOCTYPE html
html
head
meta charset="utf-8" /
titletest/title
/head
body
script type="text/Javascript"
var text = 'abc',
script = 'var d = document; ' +
'd.open(/'text/html/', /'replace/'); d.write(parent.text); d.close();',
html = 'iframe id="abc" name="abc" ' +
'src="Javascript:void((function() {' + script + '})())"/iframe';
document.write(html);
/script
/body
/html
it知識庫:iframe詭異的內容消失問題,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。