動(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)文章
Js setInterval與setTimeout(定時(shí)執(zhí)行與循環(huán)執(zhí)行)的代碼(可以傳入?yún)?shù))
最近在做項(xiàng)目時(shí)用到了定時(shí)執(zhí)行的js方法,setInterval與setTimeout時(shí)間長了不用有些生疏了,所以自己總結(jié)了一下,記下來,以便以后使用。2010-06-06js 正則驗(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-01JavaScript實(shí)現(xiàn)公告欄上下滾動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)公告欄上下滾動(dòng)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-03-03JS中的算法與數(shù)據(jù)結(jié)構(gòu)之列表(List)實(shí)例詳解
這篇文章主要介紹了JS中的算法與數(shù)據(jù)結(jié)構(gòu)之列表(List),結(jié)合實(shí)例形式分析了javascript列表的概念、原理以及定義、添加、刪除、查找等相關(guān)操作技巧,需要的朋友可以參考下2019-08-08JavaScript實(shí)現(xiàn)簡單的計(jì)算器
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡單的計(jì)算器,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-01-01