動(dòng)態(tài)生成的IFRAME，設(shè)置SRC時(shí)的問題解決分析
更新時(shí)間：2008年04月03日 19:03:12 作者：
動(dòng)態(tài)生成的IFRAME，設(shè)置SRC時(shí)的，不同位置帶來的影響。
以下所說的是在IE7下運(yùn)行的。IE6下也是同樣。
在這個(gè)blog中，直接點(diǎn)擊運(yùn)行代碼，和把下面代碼保存到為網(wǎng)頁在運(yùn)行（以本地文件或域名訪問），效果不一樣。
先看例子：
先看例子：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
這段，ifr.src放到append之后，運(yùn)行，表面沒有什么，看似正常。但是如果您用抓包工具看一下，就會(huì)發(fā)現(xiàn)當(dāng)刷新（F5或刷新按鈕）時(shí)，會(huì)多出一個(gè)請求：
00:00:04.671 0.021 * GET Aborted text/html http://www.baidu.com/
雖然是 狀態(tài)是Aborted，但這個(gè)請求仍然被送到了服務(wù)器！
如果把 ifr.src放到 append之前呢？這個(gè)問題就沒有了！
類似的還有：
把ifr.frameBorder = 0 放到 append之后，這個(gè)iframe仍可以看邊框。放到append之前，邊框就是0了。
把ifr.scrolling = "no" 放到 append之后，不起作用，放到 append之前，才起作用。
ifr.width,ifr.height無論放在前還是在后，都沒有影響。
但是，如果你想在那個(gè)iframe的地址后面加個(gè)臨時(shí)參數(shù),以達(dá)到每次都請求新頁面的效果，把 ifr.src 放到 append之前，就不行了（刷新或F5時(shí)）！
如代碼：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
你可以監(jiān)視一下，每次刷新時(shí)，那個(gè) tmp 都是同一個(gè)值！除非你重新載入（非 F5/刷新）。
換種方法呢？用document.write來實(shí)現(xiàn)？可以告訴你，也不行！
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
這段，ifr.src放到append之后，運(yùn)行，表面沒有什么，看似正常。但是如果您用抓包工具看一下，就會(huì)發(fā)現(xiàn)當(dāng)刷新（F5或刷新按鈕）時(shí)，會(huì)多出一個(gè)請求：
00:00:04.671 0.021 * GET Aborted text/html http://www.baidu.com/
雖然是 狀態(tài)是Aborted，但這個(gè)請求仍然被送到了服務(wù)器！
如果把 ifr.src放到 append之前呢？這個(gè)問題就沒有了！
類似的還有：
把ifr.frameBorder = 0 放到 append之后，這個(gè)iframe仍可以看邊框。放到append之前，邊框就是0了。
把ifr.scrolling = "no" 放到 append之后，不起作用，放到 append之前，才起作用。
ifr.width,ifr.height無論放在前還是在后，都沒有影響。
但是，如果你想在那個(gè)iframe的地址后面加個(gè)臨時(shí)參數(shù),以達(dá)到每次都請求新頁面的效果，把 ifr.src 放到 append之前，就不行了（刷新或F5時(shí)）！
如代碼：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
你可以監(jiān)視一下，每次刷新時(shí)，那個(gè) tmp 都是同一個(gè)值！除非你重新載入（非 F5/刷新）。
換種方法呢？用document.write來實(shí)現(xiàn)？可以告訴你，也不行！
相關(guān)文章
這篇文章主要介紹了JavaScript讓Textarea支持tab按鍵的方法,涉及javascript針對textarea實(shí)現(xiàn)響應(yīng)tab按鍵的方法,需要的朋友可以參考下2015-06-06
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)幻燈片輪播圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
JavaScript控制一張圖片旋轉(zhuǎn)，每次旋轉(zhuǎn)90度，可旋轉(zhuǎn)一周360度，以前沒見到過，也不知道有沒有用，奉獻(xiàn)給大家，希望喜歡2011-12-12
window.onload在某些情況下還是比較實(shí)用的，比如加載時(shí)執(zhí)行哪些腳本等等，下面有幾個(gè)不錯(cuò)的示例，需要的朋友可以參考下2013-11-11
Js setInterval與setTimeout(定時(shí)執(zhí)行與循環(huán)執(zhí)行)的代碼(可以傳入?yún)?shù))
最近在做項(xiàng)目時(shí)用到了定時(shí)執(zhí)行的js方法，setInterval與setTimeout時(shí)間長了不用有些生疏了，所以自己總結(jié)了一下，記下來，以便以后使用。2010-06-06
js 正則驗(yàn)證密碼強(qiáng)度(包含數(shù)字+特殊字符+英文字母大小寫)
密碼驗(yàn)證是常見的網(wǎng)站注冊方法，本文主要介紹了js 正則驗(yàn)證密碼強(qiáng)度(包含數(shù)字+特殊字符+英文字母大小寫)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-01-01
JavaScript實(shí)現(xiàn)公告欄上下滾動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)公告欄上下滾動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
JS中的算法與數(shù)據(jù)結(jié)構(gòu)之列表(List)實(shí)例詳解
這篇文章主要介紹了JS中的算法與數(shù)據(jù)結(jié)構(gòu)之列表(List),結(jié)合實(shí)例形式分析了javascript列表的概念、原理以及定義、添加、刪除、查找等相關(guān)操作技巧,需要的朋友可以參考下2019-08-08
這篇文章主要給大家介紹了關(guān)于webpack優(yōu)化之代碼分割與公共代碼提取的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用webpack具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
JavaScript實(shí)現(xiàn)簡單的計(jì)算器
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡單的計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01