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