位置：首页>> 网络编程>> 网页设计>> 动态生成的IFRAME设置SRC时的，不同位置带来的影响

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

作者：xling　来源：xling博客　发布时间：2008-03-06 13:56:00　

标签：iframe,框架,src,IE

动态生成的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时）！

如代码：

<!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"); 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来实现？可以告诉你，也不行！

投稿

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

猜你喜欢