按钮加JS代码对页面刷新

2012/10/17 10:11:17作者：佚名来源：网络

移动端

【实例名称】

按钮加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代码下载

标签：按钮 JS代码