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

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

动态生成的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,IE

投稿

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

猜你喜欢

CSS Hack 汇总快查

Frontpage2003的怪bug，自动添加“../”的父级目录

sqlserver 巧妙的自关联运用

ASP将Excel数据导入到SQLServer的实现代码

asp利用Split函数进行多关键字检索

P3P 和跨域 (cross-domain) cookie 访问(读取和设置）

Christopher Schmitt 谈学习CSS的益处

去掉CSS赘余代码，CSS可以更简洁

妄想or未来？界面的虚拟现实化

FrontPage2002简明教程六：图片库

瞎扯之Web导航

分享216色网页拾色器（调色板）

解析：Perl下应当如何连接Access数据库

数据库理论：学习基于SQL数据库的算法

SQL Server取得网站路径的几种方法及比较

成为一个顶级设计师的第一准则

IE8"开发人员工具"使用详解

如何让对方在线查看我的程序代码？

CSS关于Border你可能会不注意的东西

Task List 管理任务JavaScript源码

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

猜你喜欢

CSS Hack 汇总快查

Frontpage2003的怪bug，自动添加“../”的父级目录

sqlserver 巧妙的自关联运用

ASP将Excel数据导入到SQLServer的实现代码

asp利用Split函数进行多关键字检索

P3P 和 跨域 (cross-domain) cookie 访问(读取和设置）

Christopher Schmitt 谈学习CSS的益处

去掉CSS赘余代码，CSS可以更简洁

妄想or未来？界面的虚拟现实化

FrontPage2002简明教程六：图片库

瞎扯之Web导航

分享216色网页拾色器（调色板）

解析：Perl下应当如何连接Access数据库

数据库理论：学习基于SQL数据库的算法

SQL Server取得网站路径的几种方法及比较

成为一个顶级设计师的第一准则

IE8"开发人员工具"使用详解

如何让对方在线查看我的程序代码？

CSS关于Border你可能会不注意的东西

Task List 管理任务JavaScript源码

P3P 和跨域 (cross-domain) cookie 访问(读取和设置）