動(dòng)態(tài)生成的IFRAME，設(shè)置SRC時(shí)的問(wèn)題解決分析
更新時(shí)間：2008年04月03日 19:03:12 作者：
動(dòng)態(tài)生成的IFRAME，設(shè)置SRC時(shí)的，不同位置帶來(lái)的影響。
以下所說(shuō)的是在IE7下運(yùn)行的。IE6下也是同樣。
在這個(gè)blog中，直接點(diǎn)擊運(yùn)行代碼，和把下面代碼保存到為網(wǎng)頁(yè)在運(yùn)行（以本地文件或域名訪問(wèn)），效果不一樣。
先看例子：
先看例子：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
這段，ifr.src放到append之后，運(yùn)行，表面沒(méi)有什么，看似正常。但是如果您用抓包工具看一下，就會(huì)發(fā)現(xiàn)當(dāng)刷新（F5或刷新按鈕）時(shí)，會(huì)多出一個(gè)請(qǐng)求：
00:00:04.671 0.021 * GET Aborted text/html http://www.baidu.com/
雖然是 狀態(tài)是Aborted，但這個(gè)請(qǐng)求仍然被送到了服務(wù)器！
如果把 ifr.src放到 append之前呢？這個(gè)問(wèn)題就沒(méi)有了！
類似的還有：
把ifr.frameBorder = 0 放到 append之后，這個(gè)iframe仍可以看邊框。放到append之前，邊框就是0了。
把ifr.scrolling = "no" 放到 append之后，不起作用，放到 append之前，才起作用。
ifr.width,ifr.height無(wú)論放在前還是在后，都沒(méi)有影響。
但是，如果你想在那個(gè)iframe的地址后面加個(gè)臨時(shí)參數(shù),以達(dá)到每次都請(qǐng)求新頁(yè)面的效果，把 ifr.src 放到 append之前，就不行了（刷新或F5時(shí)）！
如代碼：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
你可以監(jiān)視一下，每次刷新時(shí)，那個(gè) tmp 都是同一個(gè)值！除非你重新載入（非 F5/刷新）。
換種方法呢？用document.write來(lái)實(shí)現(xiàn)？可以告訴你，也不行！
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
這段，ifr.src放到append之后，運(yùn)行，表面沒(méi)有什么，看似正常。但是如果您用抓包工具看一下，就會(huì)發(fā)現(xiàn)當(dāng)刷新（F5或刷新按鈕）時(shí)，會(huì)多出一個(gè)請(qǐng)求：
00:00:04.671 0.021 * GET Aborted text/html http://www.baidu.com/
雖然是 狀態(tài)是Aborted，但這個(gè)請(qǐng)求仍然被送到了服務(wù)器！
如果把 ifr.src放到 append之前呢？這個(gè)問(wèn)題就沒(méi)有了！
類似的還有：
把ifr.frameBorder = 0 放到 append之后，這個(gè)iframe仍可以看邊框。放到append之前，邊框就是0了。
把ifr.scrolling = "no" 放到 append之后，不起作用，放到 append之前，才起作用。
ifr.width,ifr.height無(wú)論放在前還是在后，都沒(méi)有影響。
但是，如果你想在那個(gè)iframe的地址后面加個(gè)臨時(shí)參數(shù),以達(dá)到每次都請(qǐng)求新頁(yè)面的效果，把 ifr.src 放到 append之前，就不行了（刷新或F5時(shí)）！
如代碼：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
你可以監(jiān)視一下，每次刷新時(shí)，那個(gè) tmp 都是同一個(gè)值！除非你重新載入（非 F5/刷新）。
換種方法呢？用document.write來(lái)實(shí)現(xiàn)？可以告訴你，也不行！
相關(guān)文章
用js實(shí)現(xiàn)的圖片生成效果代碼，學(xué)習(xí)js的朋友可以看看2008-04-04
用JS實(shí)現(xiàn)的radio圖片選擇按鈕效果2010-01-01
從技術(shù)上講，javascript并沒(méi)有提供內(nèi)置的系統(tǒng)來(lái)實(shí)現(xiàn)這個(gè)非常重要的事件驅(qū)動(dòng)編程，不過(guò)得益于瀏覽器的DOM 事件模型，這缺點(diǎn)并沒(méi)有過(guò)多地暴露出來(lái)。2010-03-03
JavaScript+H5實(shí)現(xiàn)微信搖一搖功能
這篇文章主要為大家詳細(xì)介紹了JavaScript+H5實(shí)現(xiàn)微信搖一搖功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-05-05
javascript中的void運(yùn)算符語(yǔ)法及使用介紹
void是javascript中的一個(gè)操作符，void會(huì)計(jì)算表達(dá)式的值，但是會(huì)丟棄表達(dá)式的返回值接下來(lái)將詳細(xì)介紹下，感興趣的你可以參考下或許對(duì)你有所幫助2013-03-03
JS獲取IE版本號(hào)與HTML設(shè)置IE文檔模式的方法
下面小編就為大家?guī)?lái)一篇JS獲取IE版本號(hào)與HTML設(shè)置IE文檔模式的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
JS實(shí)現(xiàn)進(jìn)度條順滑版詳細(xì)方案
最近在小程序里，做了一個(gè)類似微博刷視頻的需求，其中有一部分功能需要實(shí)現(xiàn)自定義進(jìn)度條，在做完第一版之后發(fā)現(xiàn)進(jìn)度條不順滑，而后想查查網(wǎng)上看有沒(méi)有什么好的方案，但最終沒(méi)找到合適的。下面給大家分享JS進(jìn)度條順滑版實(shí)現(xiàn)代碼，需要的朋友參考下吧2021-08-08
如何從JavaScript數(shù)組中刪除空對(duì)象
JS中數(shù)組是我們較為常用的一種數(shù)據(jù)結(jié)構(gòu),下面這篇文章主要給大家介紹了關(guān)于如何從JavaScript數(shù)組中刪除空對(duì)象的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-05-05
這篇文章主要介紹了詳解ES6中class的實(shí)現(xiàn)原理，幫助大家更好的理解和學(xué)習(xí)JavaScript es6，感興趣的朋友可以了解下2020-10-10
下面小編就為大家?guī)?lái)一篇JavaScript必看小技巧(必看)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06