這樣雖沒有對功能有什麼影響，可是體驗總不怎麼好，那如何解決這個問題了，網上有很多文章都有說過在被目標頁加載後設置window.status = "xx"這類的，可是我發現這個方法這樣的情形下並不怎麼好使。
復制代碼 代碼如下:
<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 = "完成";
}
結果發現1.html頁面加載完成後浏覽器下面進度條還一直在那裡。
通過長時間反復的實踐最後終於找到了解決問題的一種方法：不用href鏈接的方式來打開頁面。改為通過Javascript來改變iframe方式來實現。
復制代碼 代碼如下:
<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屬性忘記去掉了。
至此，問題完整解決了。因在公司不方便，所以就貼樣例了。