使用場景：

頁面需要定時刷新，實時加載數據，需要實時查看監控數據（H5中的WebSocket和SSE可以實現局部刷新）

一定時間之后跳轉到指定頁面（登錄注冊之類）

前端開發使用偽數據調試html頁面（修改一些js的變量值，可以自動刷新效果)

示例代碼：

頁面自動刷新注：其中10指每隔10秒刷新一次頁面.

<meta http-equiv="refresh" content="10">

2.跳轉到指定頁面

<meta http-equiv="refresh" content="10;url=http://www.xinzhenkj.com">

3.頁面自動刷新js版

<script language="JavaScript">setTimeout(function(){location.reload()},1000); //指定1秒刷新一次 </script>

從最零基礎開始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等到移動端HTML5的項目實戰【視頻＋工具＋系統路線圖】都有整理，在線解析，學習指導，點：【WEB前端學習圈⑤】

總結

以上是生活随笔為你收集整理的angular ngoninit 刷新html页面_web前端入门到实战：实现html页面自动刷新的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。