|
问题描述
不得不承认,这是一个非常诡异的问题,以下步骤可以重现问题:
- 用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诡异的内容消失问题,转载需保留来源!
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。