动态生成的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时的，不同位置带来的影响

猜你喜欢

Python+Plotly绘制精美的数据分析图

Python pandas中apply函数简介以及用法详解

MySQL数据库索引order by排序精讲

python3美化表格数据输出结果的实现代码

php之Aes加密案例讲解

仿豆瓣分页原型(Javascript版)

JAVA及PYTHON质数计算代码对比解析

网页布局设计基础

javascript 移动鼠标得到单元格所在table表中的rowIndex位置[兼容ie,firefox] <font color=red>原创</font>

Python实现带参数的用户验证功能装饰器示例

Python字符串类型及格式化问题

vantUI 获得piker选中值的自定义ID操作

MYSQL GROUP BY用法详解

python 进程池pool使用详解

关于“简单，可依赖”

网站的新趋势

phpstudy apache开启ssi使用详解

MySQL一键安装Shell脚本的实现

golang中sync.Map并发创建、读取问题实战记录

PHP实现的DES加密解密类定义与用法示例