教您去掉ie網(wǎng)頁加載進(jìn)度條的方法
更新時(shí)間：2010年12月09日 18:28:09 作者：
相信很多同仁做的系統(tǒng)后到都是用frameset或iframe來加載不同頁面的，不可不知道大家有沒有注意到，當(dāng)frame框架中的頁面已經(jīng)加載完成后，可是ie瀏覽器的狀態(tài)欄還會(huì)一直顯示一個(gè)正在加載的狀態(tài)。
這樣雖沒有對(duì)功能有什么影響，可是體驗(yàn)總不怎么好，那如何解決這個(gè)問題了，網(wǎng)上有很多文章都有說過在被目標(biāo)頁加載后設(shè)置window.status = "xx"這類的，可是我發(fā)現(xiàn)這個(gè)方法這樣的情形下并不怎么好使。
<div>
<ul>
<li><a href="1.html" target="page"></a></li>
<li><a href="2.html" target="page"></a></li>
<li><a href="3.html" target="page"></a></li>
</ul>
<div><iframe src="" id="page" name="page" frameborder="0"></iframe></div>
</div>
然后在1.html頁面中加入
window.onload = function(){
window.status = "完成";
}
結(jié)果發(fā)現(xiàn)1.html頁面加載完成后瀏覽器下面進(jìn)度條還一直在那里。
通過長(zhǎng)時(shí)間反復(fù)的實(shí)踐最后終于找到了解決問題的一種方法：不用href鏈接的方式來打開頁面。改為通過Javascript來改變iframe方式來實(shí)現(xiàn)。
<script type="text/javascript">
function redirect(src){
document.getElementById("page").src = src;
}
</script>
<div>
<ul>
<li><a href="javascript:redirect('1.html')" target="page"></a></li>
<li><a href="redirect('2.html')" target="page"></a></li>
<li><a href="redirect('3.html')" target="page"></a></li>
</ul>
<div><iframe src="" id="page" name="page" frameborder="0"></iframe></div>
</div>
到這一步以為問題解決了，不想瀏覽器還報(bào)起腳本錯(cuò)誤來了，提示redirect未定義，最后搞明白了，原來是target屬性忘記去掉了。
至此，問題完整解決了。因在公司不方便，所以就貼樣例了。
復(fù)制代碼 代碼如下:
<div>
<ul>
<li><a href="1.html" target="page"></a></li>
<li><a href="2.html" target="page"></a></li>
<li><a href="3.html" target="page"></a></li>
</ul>
<div><iframe src="" id="page" name="page" frameborder="0"></iframe></div>
</div>
然后在1.html頁面中加入
復(fù)制代碼 代碼如下:
window.onload = function(){
window.status = "完成";
}
結(jié)果發(fā)現(xiàn)1.html頁面加載完成后瀏覽器下面進(jìn)度條還一直在那里。
通過長(zhǎng)時(shí)間反復(fù)的實(shí)踐最后終于找到了解決問題的一種方法：不用href鏈接的方式來打開頁面。改為通過Javascript來改變iframe方式來實(shí)現(xiàn)。
復(fù)制代碼 代碼如下:
<script type="text/javascript">
function redirect(src){
document.getElementById("page").src = src;
}
</script>
<div>
<ul>
<li><a href="javascript:redirect('1.html')" target="page"></a></li>
<li><a href="redirect('2.html')" target="page"></a></li>
<li><a href="redirect('3.html')" target="page"></a></li>
</ul>
<div><iframe src="" id="page" name="page" frameborder="0"></iframe></div>
</div>
到這一步以為問題解決了，不想瀏覽器還報(bào)起腳本錯(cuò)誤來了，提示redirect未定義，最后搞明白了，原來是target屬性忘記去掉了。
至此，問題完整解決了。因在公司不方便，所以就貼樣例了。
相關(guān)文章
為JavaScript類型增加方法的實(shí)現(xiàn)代碼(增加功能)
大家在js開發(fā)過程中有些功能已經(jīng)滿足不了我們的需求，或沒有我們需要的功能，那么我們就可以自己擴(kuò)展下，個(gè)性化js2011-12-12
這篇文章主要介紹了Javascript中Array用法,實(shí)例分析了javascript中數(shù)組的遍歷、傳值、比較等常用技巧,需要的朋友可以參考下2015-06-06
深入理解JavaScript中的尾調(diào)用(Tail Call)
尾調(diào)用（Tail Call）是函數(shù)式編程的一個(gè)重要概念，下面這篇文章主要給大家深入的介紹了關(guān)于JavaScript中尾調(diào)用的相關(guān)資料，文中介紹的非常詳細(xì)，相信對(duì)大家具有一定的參考價(jià)值，有需要的朋友們下面來一起看看吧。2017-02-02
在一個(gè)瀏覽器里呈現(xiàn)所有瀏覽器測(cè)試結(jié)果的前端測(cè)試工具的思路
對(duì)前端工程師來說,跨瀏覽器的兼容性問題一直是最頭疼的,測(cè)試一個(gè)小小的東西,就要打開N個(gè)瀏覽器,然后比較來比較去,記錄個(gè)瀏覽器的數(shù)據(jù),比較不同,實(shí)在是麻煩.2010-03-03
個(gè)人總結(jié)的一些JavaScript技巧、實(shí)用函數(shù)、簡(jiǎn)潔方法、編程細(xì)節(jié)
這篇文章主要介紹了個(gè)人總結(jié)的一些JavaScript技巧、實(shí)用函數(shù)、簡(jiǎn)潔方法、編程細(xì)節(jié),本文講解了變量轉(zhuǎn)換、取整同時(shí)轉(zhuǎn)換成數(shù)值型、日期轉(zhuǎn)數(shù)值、類數(shù)組對(duì)象轉(zhuǎn)數(shù)組、進(jìn)制之間的轉(zhuǎn)換等方法技巧,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了MUI 上拉刷新/下拉加載功能實(shí)例代碼，包括一些個(gè)人心得，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下吧2017-04-04
BootStrap modal實(shí)現(xiàn)拖拽功能
這篇文章主要為大家詳細(xì)介紹了BootStrap modal實(shí)現(xiàn)拖拽功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
純?JS?實(shí)現(xiàn)的輕量化圖片編輯器實(shí)例詳解
這篇文章主要為大家介紹了純JS實(shí)現(xiàn)的輕量化圖片編輯器實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)下拉刷新和輪播圖效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
JavaScript實(shí)現(xiàn)輪播圖方法(邏輯清晰一看就懂)
這篇文章主要給大家介紹了關(guān)于JavaScript實(shí)現(xiàn)輪播圖方法的相關(guān)資料,JS輪播圖的實(shí)現(xiàn)核心是使用JavaScript來控制圖片的切換和顯示,配合HTML和CSS完成布局和樣式設(shè)置,文中介紹的方法邏輯清晰一看就懂,需要的朋友可以參考下2023-12-12