動(dòng)態(tài)生成的IFRAME，設(shè)置SRC時(shí)的，不同位置帶來的影響
更新時(shí)間：2008年03月13日 20:41:27 作者：
動(dòng)態(tài)生成的IFRAME，設(shè)置SRC時(shí)的，不同位置帶來的影響。
以下所說的是在IE7下運(yùn)行的。IE6下也是同樣。
在這個(gè)blog中，直接點(diǎn)擊運(yùn)行代碼，和把下面代碼保存到為網(wǎng)頁(yè)在運(yùn)行（以本地文件或域名訪問），效果不一樣。
先看例子：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
這段，ifr.src放到append之后，運(yùn)行，表面沒有什么，看似正常。但是如果您用抓包工具看一下，就會(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è)問題就沒有了！
類似的還有：
把ifr.frameBorder = 0 放到 append之后，這個(gè)iframe仍可以看邊框。放到append之前，邊框就是0了。
把ifr.scrolling = "no" 放到 append之后，不起作用，放到 append之前，才起作用。
ifr.width,ifr.height無論放在前還是在后，都沒有影響。
但是，如果你想在那個(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來實(shí)現(xiàn)？可以告訴你，也不行！
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
這段，ifr.src放到append之后，運(yùn)行，表面沒有什么，看似正常。但是如果您用抓包工具看一下，就會(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è)問題就沒有了！
類似的還有：
把ifr.frameBorder = 0 放到 append之后，這個(gè)iframe仍可以看邊框。放到append之前，邊框就是0了。
把ifr.scrolling = "no" 放到 append之后，不起作用，放到 append之前，才起作用。
ifr.width,ifr.height無論放在前還是在后，都沒有影響。
但是，如果你想在那個(gè)iframe的地址后面加個(gè)臨時(shí)參數(shù),以達(dá)到每次都請(qǐng)求新頁(yè)面的效果，把 ifr.src 放到 append之前，就不行了（刷新或F5時(shí)）！
如代碼：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
換種方法呢？用document.write來實(shí)現(xiàn)？可以告訴你，也不行！
相關(guān)文章
無阻塞加載js,防止因js加載不了影響頁(yè)面顯示的問題
下面小編就為大家?guī)硪黄獰o阻塞加載js,防止因js加載不了影響頁(yè)面顯示的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來2016-12-12
JS 遮照層實(shí)現(xiàn)代碼，需要的朋友可以參考下。2010-03-03
使用正則替換變量...2007-05-05
javascript的23種設(shè)計(jì)模式示例總結(jié)大全
這篇文章主要為大家介紹了javascript的23種設(shè)計(jì)模式的總結(jié)大全，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-06-06
javascript每日必學(xué)之繼承,介紹了有關(guān)繼承的相關(guān)內(nèi)容，感興趣的小伙伴們可以參考一下2016-02-02
這篇文章介紹了lodash中pick和omit函數(shù)的用法，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
類似于JQuery的這樣js庫(kù)已經(jīng)實(shí)現(xiàn)了很好的數(shù)據(jù)綁定機(jī)制的封裝效果，但只知其然，不知其所以然還有會(huì)有種蒙在鼓里的感覺，親自去分析一下具體的實(shí)現(xiàn)，會(huì)有一種豁然開朗的感覺2014-06-06
添加、刪除HTML結(jié)點(diǎn) & 上傳圖片預(yù)覽
添加、刪除HTML結(jié)點(diǎn) & 上傳圖片預(yù)覽...2006-10-10
本文主要介紹了js實(shí)現(xiàn)自定義進(jìn)度條效果的實(shí)例。具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03
淺談javascript中l(wèi)odash與lodash-es的區(qū)別
本文主要介紹了javascript中l(wèi)odash與lodash-es的區(qū)別,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-10-10