动态生成的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来实现？可以告诉你，也不行！
相关文章
这篇文章主要介绍了JavaScript让Textarea支持tab按键的方法,涉及javascript针对textarea实现响应tab按键的方法,需要的朋友可以参考下2015-06-06
这篇文章主要为大家详细介绍了js实现幻灯片轮播图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-08-08
JavaScript控制一张图片旋转，每次旋转90度，可旋转一周360度，以前没见到过，也不知道有没有用，奉献给大家，希望喜欢2011-12-12
window.onload在某些情况下还是比较实用的，比如加载时执行哪些脚本等等，下面有几个不错的示例，需要的朋友可以参考下2013-11-11
Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)
最近在做项目时用到了定时执行的js方法，setInterval与setTimeout时间长了不用有些生疏了，所以自己总结了一下，记下来，以便以后使用。2010-06-06
js 正则验证密码强度(包含数字+特殊字符+英文字母大小写)
密码验证是常见的网站注册方法，本文主要介绍了js 正则验证密码强度(包含数字+特殊字符+英文字母大小写)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-01-01
这篇文章主要为大家详细介绍了JavaScript实现公告栏上下滚动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
这篇文章主要介绍了JS中的算法与数据结构之列表(List),结合实例形式分析了javascript列表的概念、原理以及定义、添加、删除、查找等相关操作技巧,需要的朋友可以参考下2019-08-08
这篇文章主要给大家介绍了关于webpack优化之代码分割与公共代码提取的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用webpack具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-11-11
这篇文章主要为大家详细介绍了JavaScript实现简单的计算器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-01-01
最新评论