Now, let's assume that top.html (the page above) has seven buttoners to refresh bottom.html (the page below). You can use the following seven statements to see which one is easy to use.
The code for the top.html page is as follows:
<! Doctype html public "-// W3C // dtd html 4.0 Transitional // EN">
<HTML>
<HEAD>
<TITLE> top.html </TITLE>
</HEAD>
<BODY>
<Input type = button value = "Refresh 1" onclick = "window. parent. frames [1]. location. reload ()"> <br>
<Input type = button value = "Refresh 2" onclick = "window. parent. frames. bottom. location. reload ()"> <br>
<Input type = button value = "Refresh 3" onclick = "window. parent. frames ['bottom ']. location. reload ()"> <br>
<Input type = button value = "Refresh 4" onclick = "window. parent. frames. item (1). location. reload ()"> <br>
<Input type = button value = "Refresh 5" onclick = "window. parent. frames. item ('bottom '). location. reload ()"> <br>
<Input type = button value = "Refresh 6" onclick = "window. parent. bottom. location. reload ()"> <br>
<Input type = button value = "Refresh 7" onclick = "window. parent ['bottom ']. location. reload ()"> <br>
</BODY>
</HTML>
Auto refresh
<Script language = "JavaScript">
Function myrefresh ()
{
Window. location. reload ();
}
SetTimeout ('myrefresh () ', 1000); // refresh once per second
</Script>