This does not have any effect on the function, but the experience is not good, then how to solve the problem, there are many articles on the web have said that after being loaded by the target page to set window.status = "XX" This kind of, but I found that this method is not how to do this case.
Copy Code code as follows:
<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>
And then add it to the 1.html page.
Copy Code code as follows:
Window.onload = function () {
Window.status = "complete";
}
The results show that the progress bar under the browser is still there after the 1.html page has finished loading.
After a long time of repeated practice finally found a way to solve the problem: do not use the HREF link to open the page. To change the IFRAME mode by JavaScript instead.
Copy Code code as follows:
<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>
To this point to solve the problem, do not want to browser also reported script error, hint redirect undefined, finally understand, the original target attribute was forgotten to remove.
At this point, the problem is completely solved. Because it is not convenient for the company, so put the sample.