按鈕加JS代碼對頁面刷新

2012/10/17 10:11:17作者：佚名來源：網絡

移動端

【實例名稱】

按鈕加JS代碼對頁面刷新

【實例描述】

頁面的meta元素可以實現自動刷新功能，但如果要在程序執(zhí)行中需要刷新頁面。則不能使用此元素。本例通過設置一個刷新按鈕，學習如何在程序中設置刷新代碼。

【實例代碼】

<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代碼