HTML5 是一種新的標記語言,用于構建 web 頁面和應用程序。其中一個令人興奮的功能是它的刷新代碼,它可以用于從服務器動態更新頁面內容,而無需重新加載整個頁面。下面讓我們來看一下如何使用 HTML5 的刷新代碼功能。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>刷新頁面</title> </head> <body> <div id="refresh"> <p>這里是需要刷新的內容。</p> </div> <script> function refreshPage() { document.getElementById("refresh").innerHTML = "這是更新后的內容。"; } setInterval(refreshPage, 5000); // 5秒鐘更新一次 </script> </body> </html>
上面的代碼演示了如何使用 JavaScript 和 HTML5 的刷新代碼功能來動態更新頁面內容。我們首先在頁面上創建了一個 div 元素,并將需要刷新的內容放在其中。然后,我們編寫了一個 JavaScript 函數 refreshPage,在 5 秒鐘內更新一次 div 元素的內容。最后,我們將 refreshPage 函數設置為每隔 5 秒鐘調用一次。
使用 HTML5 的刷新代碼功能可以幫助我們提高頁面性能并提供更好的用戶體驗。通過使用 JavaScript 動態更新頁面內容,我們可以避免重新加載整個頁面,從而提高響應速度和性能。