教您去掉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中的尾調(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-06JavaScript實現(xiàn)輪播圖方法(邏輯清晰一看就懂)
這篇文章主要給大家介紹了關(guān)于JavaScript實現(xiàn)輪播圖方法的相關(guān)資料,JS輪播圖的實現(xiàn)核心是使用JavaScript來控制圖片的切換和顯示,配合HTML和CSS完成布局和樣式設(shè)置,文中介紹的方法邏輯清晰一看就懂,需要的朋友可以參考下2023-12-12