您的当前位置：首页动态生成的IFRAME，设置SRC时的问题解决分析_javascript技巧

动态生成的IFRAME，设置SRC时的问题解决分析_javascript技巧

时间：2020-11-27 来源：乌哈旅游

先看例子：

[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时）！

如代码：

<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>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
你可以监视一下，每次刷新时，那个 tmp 都是同一个值！除非你重新载入（非 F5/刷新）。
换种方法呢？用document.write来实现？可以告诉你，也不行！