繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 动态生成的IFRAME，设置SRC时的问题解决分析
- Javascript
- JS option location 页面跳转实现代码
- ExtJS 简介 让你知道extjs是什么
- ExtJs 学习笔记 Hello World!
- ExtJs 学习笔记基础篇 Ext组件的使用
- ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport
- 漂亮的脚本日历,和大家分享
- JS Tween 颜色渐变
- js 图片轮播(5张图片)
- 开发跨浏览器javascript常见注意事项
- 通用JS事件写法实现代码
- Js 订制自己的AlertBox(信息提示框)
- js 浮动层菜单收藏
- JavaScript入门教程(10) 认识其他对象
- JQuery 常用方法基础教程
- jQuery 页面载入进度条实现代码
- jQuery Ajax 全解析
- CSS+Table图文混排中实现文本自适应图片宽度（超简单+跨所有浏览器）
- Ext JS Grid在IE6 下宽度的问题解决方法
- js window.event对象详尽解析
- JavaScript 悬浮窗口实现代码
Javascript 中的 动态生成的IFRAME，设置SRC时的问题解决分析
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 423 ::
收藏到网摘: n/a
动态生成的IFRAME，设置SRC时的，不同位置带来的影响。 以下所说的是在IE7下运行的。IE6下也是同样。 在这个blog中，直接点击运行代码，和把下面代码保存到为网页在运行（以本地文件或域名访问），效果不一样。 先看例子： 先看例子：
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
[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 全选 提示:你可先修改部分代码,再按运行]
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
你可以监视一下，每次刷新时，那个 tmp 都是同一个值！除非你重新载入（非 F5/刷新）。
换种方法呢？用document.write来实现？可以告诉你，也不行！
评论 (0) All
