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