动态生成的IFRAME，设置SRC时的问题解决分析
更新时间：2008年04月03日 19:03:12 作者：
动态生成的IFRAME，设置SRC时的，不同位置带来的影响。
以下所说的是在IE7下运行的。IE6下也是同样。
在这个blog中，直接点击运行代码，和把下面代码保存到为网页在运行（以本地文件或域名访问），效果不一样。
先看例子：
先看例子：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
这段，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 全选 注:引入外部Js需再刷新一下页面才能执行]
你可以监视一下，每次刷新时，那个 tmp 都是同一个值！除非你重新载入（非 F5/刷新）。
换种方法呢？用document.write来实现？可以告诉你，也不行！
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
这段，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 全选 注:引入外部Js需再刷新一下页面才能执行]
你可以监视一下，每次刷新时，那个 tmp 都是同一个值！除非你重新载入（非 F5/刷新）。
换种方法呢？用document.write来实现？可以告诉你，也不行！
相关文章
用js实现的图片生成效果代码，学习js的朋友可以看看2008-04-04
用JS实现的radio图片选择按钮效果2010-01-01
从技术上讲，javascript并没有提供内置的系统来实现这个非常重要的事件驱动编程，不过得益于浏览器的DOM 事件模型，这缺点并没有过多地暴露出来。2010-03-03
这篇文章主要为大家详细介绍了JavaScript+H5实现微信摇一摇功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-05-05
void是javascript中的一个操作符，void会计算表达式的值，但是会丢弃表达式的返回值接下来将详细介绍下，感兴趣的你可以参考下或许对你有所帮助2013-03-03
下面小编就为大家带来一篇JS获取IE版本号与HTML设置IE文档模式的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
最近在小程序里，做了一个类似微博刷视频的需求，其中有一部分功能需要实现自定义进度条，在做完第一版之后发现进度条不顺滑，而后想查查网上看有没有什么好的方案，但最终没找到合适的。下面给大家分享JS进度条顺滑版实现代码，需要的朋友参考下吧2021-08-08
JS中数组是我们较为常用的一种数据结构,下面这篇文章主要给大家介绍了关于如何从JavaScript数组中删除空对象的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-05-05
这篇文章主要介绍了详解ES6中class的实现原理，帮助大家更好的理解和学习JavaScript es6，感兴趣的朋友可以了解下2020-10-10
下面小编就为大家带来一篇JavaScript必看小技巧(必看)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
最新评论