【实例名称】
按钮加JS代码对页面刷新
【实例描述】
页面的meta元素可以实现自动刷新功能,但如果要在程序执行中需要刷新页面。则不能使用此元素。本例通过设置一个刷新按钮,学习如何在程序中设置刷新代码。
【实例代码】
<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页</title> <SCRIPT LANGUAGE="JavaScript"> function renovates(){ document.location.reload(); } </script> </head> <body onload="alert('页面刷新了!');"> <p align="center"><input type="button" name="renovates" value="刷新" onclick="renovates()"/></p> </body> </html>
本例只有一个按钮,所以没有给出图示,读者可以根据代码亲自试验。
【难点剖析】
本例的难点是页面的刷新方法“reload”,如果要使用me诅元素,则使用refresh属性,而在程序中,则使用“document.location”的方法“reload”实现页面重新载人的效果。
【源码下载】
本实例JS代码下载
……