当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 动态生成的IFRAME,设置SRC时的问题解决分析

Javascript
为调试JavaScript添加输出窗口的代码
Js 中debug方式
一些mootools的学习资源
JavaScript 精粹读书笔记(1,2)
CutePsWheel javascript libary 控制输入文本框为可使用滚轮控制的js库
数组Array进行原型prototype扩展后带来的for in遍历问题
javascript 鼠标拖动图标技术
比较搞笑的js陷阱题
js 自定义的联动下拉框
js 省地市级联选择
JavaScript 类似flash效果的立体图片浏览器
JavaScript Event学习第九章 鼠标事件
jQuery AJAX回调函数this指向问题
toString()一个会自动调用的方法
jQuery 文本框模拟下拉列表效果
关于页面被拦截的问题
javascript 解析url的search方法
一个XML格式数据转换为图表的例子
Javascript 获取链接(url)参数的方法[正则与截取字符串]
一些收集整理非常不错的JS效果代码

Javascript 中的 动态生成的IFRAME,设置SRC时的问题解决分析


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 237 ::
收藏到网摘: n/a

动态生成的IFRAME,设置SRC时的,不同位置带来的影响。 以下所说的是在IE7下运行的。IE6下也是同样。 在这个blog中,直接点击运行代码,和把下面代码保存到为网页在运行(以本地文件或域名访问),效果不一样。 先看例子: 先看例子:
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

这段,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时)!
如代码:
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

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