动态生成的IFRAME，设置SRC时的，不同位置带来的影响--西林@生存　-　骑猪闯天下！


	西林@生存　-　骑猪闯天下！

动态生成的IFRAME，设置SRC时的，不同位置带来的影响

2008-3-6 10:13:00 By:xling

动态生成的IFRAME，设置SRC时的，不同位置带来的影响。

以下所说的是在IE7下运行的。IE6下也是同样。

在这个blog中，直接点击运行代码，和把下面代码保存到为网页在运行（以本地文件或域名访问），效果不一样。

先看例子：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<script language="javascript" type="text/javascript">
var ifr = document.createElement("IFRAME");
document.body.appendChild(ifr);
ifr.src = "http://www.baidu.com";
</script>
</body>
</html>

这段，ifr.src放到append之后，运行，表面没有什么，看似正常。但是如果您用抓包工具看一下，就会发现当刷新（F5或刷新按钮）时，会多出一个请求：

00:00:04.671 0.021 * GET Aborted text/html http://www.baidu.com/

虽然是状态是Aborted，但这个请求仍然被送到了服务器！

如果把 ifr.src放到 append之前呢？这个问题就没有了！

类似的还有：
把ifr.frameBorder = 0 放到 append之后，这个iframe仍可以看边框。放到append之前，边框就是0了。
把ifr.scrolling = "no" 放到 append之后，不起作用，放到 append之前，才起作用。
ifr.width,ifr.height无论放在前还是在后，都没有影响。

但是，如果你想在那个iframe的地址后面加个临时参数,以达到每次都请求新页面的效果，把 ifr.src 放到 append之前，就不行了（刷新或F5时）！

如代码：

<body>
<script language="javascript" type="text/javascript">
var ifr = document.createElement("IFRAME");
ifr.frameBorder = 0;
ifr.scrolling = "no";
ifr.src = "http://www.baidu.com?tmp=" + (new Date().getTime().toString(36));
document.body.appendChild(ifr);
ifr.width = 500;
ifr.height = 500;
</script>
</body>
</html>

你可以监视一下，每次刷新时，那个 tmp 都是同一个值！除非你重新载入（非 F5/刷新）。
换种方法呢？用document.write来实现？可以告诉你，也不行！

转我的贴，写你的名，是一种可耻的行为！请不要让我BS你！

阅读全文 | 回复(0) | 引用通告 | 编辑