教您去掉ie網(wǎng)頁(yè)加載進(jìn)度條的方法
更新時(shí)間：2010年12月09日 18:28:09 作者：
相信很多同仁做的系統(tǒng)后到都是用frameset或iframe來(lái)加載不同頁(yè)面的，不可不知道大家有沒(méi)有注意到，當(dāng)frame框架中的頁(yè)面已經(jīng)加載完成后，可是ie瀏覽器的狀態(tài)欄還會(huì)一直顯示一個(gè)正在加載的狀態(tài)。
這樣雖沒(méi)有對(duì)功能有什么影響，可是體驗(yàn)總不怎么好，那如何解決這個(gè)問(wèn)題了，網(wǎng)上有很多文章都有說(shuō)過(guò)在被目標(biāo)頁(yè)加載后設(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頁(yè)面中加入
window.onload = function(){
window.status = "完成";
}
結(jié)果發(fā)現(xiàn)1.html頁(yè)面加載完成后瀏覽器下面進(jìn)度條還一直在那里。
通過(guò)長(zhǎng)時(shí)間反復(fù)的實(shí)踐最后終于找到了解決問(wèn)題的一種方法：不用href鏈接的方式來(lái)打開(kāi)頁(yè)面。改為通過(guò)Javascript來(lái)改變iframe方式來(lái)實(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>
到這一步以為問(wèn)題解決了，不想瀏覽器還報(bào)起腳本錯(cuò)誤來(lái)了，提示redirect未定義，最后搞明白了，原來(lái)是target屬性忘記去掉了。
至此，問(wèn)題完整解決了。因在公司不方便，所以就貼樣例了。
復(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頁(yè)面中加入
復(fù)制代碼 代碼如下:
window.onload = function(){
window.status = "完成";
}
結(jié)果發(fā)現(xiàn)1.html頁(yè)面加載完成后瀏覽器下面進(jìn)度條還一直在那里。
通過(guò)長(zhǎng)時(shí)間反復(fù)的實(shí)踐最后終于找到了解決問(wèn)題的一種方法：不用href鏈接的方式來(lái)打開(kāi)頁(yè)面。改為通過(guò)Javascript來(lái)改變iframe方式來(lái)實(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>
到這一步以為問(wèn)題解決了，不想瀏覽器還報(bào)起腳本錯(cuò)誤來(lái)了，提示redirect未定義，最后搞明白了，原來(lái)是target屬性忘記去掉了。
至此，問(wèn)題完整解決了。因在公司不方便，所以就貼樣例了。
相關(guān)文章
用javascript實(shí)現(xiàn)簡(jiǎn)單計(jì)算器
這篇文章主要為大家詳細(xì)介紹了用javascript實(shí)現(xiàn)簡(jiǎn)單計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
js 實(shí)現(xiàn)圖片預(yù)加載(js操作 Image對(duì)象屬性complete ，事件onload 異步加載圖片)
通過(guò)js操縱DOM很多情況下都是為了實(shí)現(xiàn)和當(dāng)前頁(yè)html元素的異步載入，我談?wù)剬?duì)Image對(duì)象的一些認(rèn)識(shí)。2011-03-03
JavaScript實(shí)現(xiàn)無(wú)限級(jí)遞歸樹(shù)的示例代碼
這篇文章主要介紹了JavaScript實(shí)現(xiàn)無(wú)限級(jí)遞歸樹(shù)的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
詳解JavaScript中new操作符的解析和實(shí)現(xiàn)
這篇文章主要介紹了JavaScript中new操作符的解析和實(shí)現(xiàn)，幫助大家更好的理解和學(xué)習(xí)JavaScript，感興趣的朋友可以了解下2020-09-09
javascript結(jié)合CSS實(shí)現(xiàn)蘋(píng)果開(kāi)關(guān)按鈕特效
這篇文章主要介紹了javascript結(jié)合CSS實(shí)現(xiàn)蘋(píng)果開(kāi)關(guān)按鈕特效的方法以及全部代碼，效果非常不錯(cuò)，兼容性也很好，有需要的小伙伴自己參考下2015-04-04
Javascript this 的一些學(xué)習(xí)總結(jié)
相信有C++、C#或Java等編程經(jīng)驗(yàn)的各位，對(duì)于this關(guān)鍵字再熟悉不過(guò)了。由于Javascript是一種面向?qū)ο蟮木幊陶Z(yǔ)言，它和C++、C#或Java一樣都包含this關(guān)鍵字，接下來(lái)我們將向大家介紹Javascript中的this關(guān)鍵字2012-08-08
這篇文章主要給大家介紹了關(guān)于微信小程序新手教程之啟動(dòng)頁(yè)重要性的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
基于JS對(duì)象創(chuàng)建常用方式及原理分析
下面小編就為大家?guī)?lái)一篇基于JS對(duì)象創(chuàng)建常用方式及原理分析。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06
JavaScript中數(shù)據(jù)結(jié)構(gòu)與算法(四)：串(BF)
這篇文章主要介紹了JavaScript中數(shù)據(jù)結(jié)構(gòu)與算法(四)：串(BF),串是由零個(gè)或多個(gè)字符組成的有限序列,又叫做字符串,本文著重講解了BF(Brute Force)算法,需要的朋友可以參考下2015-06-06
Javascript實(shí)現(xiàn)簡(jiǎn)單的富文本編輯器附演示
這篇文章主要介紹了通過(guò)Javascript實(shí)現(xiàn)的簡(jiǎn)單富文本編輯器,需要的朋友可以參考下2014-06-06