HTML5用代碼實(shí)現(xiàn)頁面跳轉(zhuǎn)頁面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>頁面跳轉(zhuǎn)頁面</title>
</head>
<body>
<h1>歡迎來到我的網(wǎng)站!</h1>
<p>如果您想要進(jìn)入我們的商城，請(qǐng)點(diǎn)擊以下按鈕：</p>
<button onclick="goToStore()">進(jìn)入商城</button>
<script>
function goToStore() {
window.location.href = "store.html";
}
</script>
</body>
</html>代碼解釋：
1. <!DOCTYPE html> 定義文檔類型為HTML5。 2. <html> 和 </html> 標(biāo)簽之間的所有內(nèi)容是 HTML 代碼。 3. <head> 和 </head> 標(biāo)簽之間的所有內(nèi)容是文檔的頭部信息。 4. <meta charset="utf-8"> 指定文檔使用 UTF-8 字符集來編碼。 5. <title> 和 </title> 標(biāo)簽之間的所有內(nèi)容是文檔的標(biāo)題。 6. <body> 和 </body> 標(biāo)簽之間的所有內(nèi)容是 HTML 文檔的主要內(nèi)容。 7. <h1> 標(biāo)簽定義主標(biāo)題。 8. <p> 標(biāo)簽定義段落。 9. <button> 標(biāo)簽定義按鈕。 10. onclick 屬性定義當(dāng)按鈕被點(diǎn)擊時(shí)執(zhí)行的 JavaScript 函數(shù)。 11. window.location.href 屬性獲取當(dāng)前文檔的 URL，并將其設(shè)置成新的 URL，從而實(shí)現(xiàn)頁面跳轉(zhuǎn)。 12. <script> 和 </script> 標(biāo)簽之間的內(nèi)容是 JavaScript 代碼。