1. 程式人生 > >HTML meta refresh實現自動HTML重新整理頁面和跳轉頁

HTML meta refresh實現自動HTML重新整理頁面和跳轉頁

自動重新整理頁面方法有兩種,一種是在HTML頭部HEAD里加入META元資訊重新整理,另一種是用JS程式碼實現重新整理。下面分別介紹

1.在HTML頭部HEAD里加入META元資訊實現HTML自動重新整理:

把下面的程式碼加入<head>區域中:

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

content的值單位是秒,上面的20指每隔20秒重新整理一次頁面. 

2.用JS讓HTML自動重新整理頁面:
把下面的程式碼加入<head>區域中:
<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒重新整理一次
</script> 

JS重新整理時間的單位是毫秒,1000毫秒=1秒,上面程式碼中的1000代表1秒鐘重新整理一次。

3.在HTML頭部HEAD里加入META元資訊實現HTML頁面自動跳轉:

把如下程式碼加入<head>區域中:
<meta http-equiv="refresh" content="20;url=http://maizilin.com">

content的值和自動重新整理一樣單位是秒,url="xxx"裡填你想要跳轉到的網頁

4.js的跳轉程式碼如下

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script language="javascript">
function ChangeURL()
{
  var url="http://maizilin.com";
  location.href=url;
}
</script>
</head>
<body onload="setTimeout('ChangeURL()', 5000);">
</body>
</html>


相關推薦

HTML meta refresh實現自動HTML重新整理頁面

自動重新整理頁面的方法有兩種,一種是在HTML頭部HEAD里加入META元資訊重新整理,另一種是用JS程式碼實現重新整理。下面分別介紹。 1.在HTML頭部HEAD里加入META元資訊實現HTM

頁面添加返回動畫(仿app) 只對單頁面有用,我用的是angualr,有不會的可以私信問我。

hist page func margin consola color -s tar pla p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Consolas; color: #596972 } p.p2 { mar

Ionic建立頁面

1.建立頁面:ionic g page news 2.<button (click)="goNews()"></button> 3.news.ts import { NewsPage } from '../pages/news/news'; goNe

html區域性頁面重新整理傳參

index.html為父頁面,A.html和B.html為區域性重新整理的子頁面。 頁面跳轉: 如index.html所示,用<iframe>標籤實現頁面的巢狀。 引數傳遞: 當需要傳遞引

html A標簽 綁定點擊事件。頁面。處理

rip 取消 AS htm 默認 點擊事件 後綁定 HR bubuko 在平時的頁面中,肯定有需要點擊A標簽 進行處理。 這時候習慣性的綁定一個點擊事件進行數據處理。 在A標簽中 herf="#" 然後綁定一個點擊事件。 或者在A標簽裏面的元素裏面有一個點擊事件 。

flask-script實現自動刷新頁面調試

har col __main__ 官網 127.0.0.1 main hand serve 路由 本文flask==1.0.2 1、導入extension包 from flask_script import Manager 2、使用manager管理工具 app =

js實現自動關閉當前頁面,沒有系統提示

let time = document.getElementById("time"); let n = 5; time.innerHTML = n; setInterval(function () { n--; time.innerHTML = n; if (n <

用錨點anchorlocation.reload 實現點選重新整理頁面並同時到本頁面指定位置

群裡看到“如何實現點選重新整理頁面並同時跳轉到本頁面指定位置”這麼一個提問,於是抽空寫了個demo,做了個簡單實現,供大家參考。這裡有2個要求: 1)要重新整理頁面 2)跳轉到頁面指定位置 如果我們簡單用a標籤name屬性,錨點(anchor)來處理的話,只能實現跳轉到頁面指定位置,而不能重

頁面定時的jsphp的程式碼實現頁面定時重新整理

1.meta <!--5秒鐘後跳轉到指定的頁面--> <meta http-equiv="refresh" content="5;url=http://www.baidu.com" />  2.winow.location.href='';   如

html 頁面之間傳值

從a.html 跳轉到b.html 並吧 a.html 的值傳入b.html a.html <html> <head> <title> New Document </title> <script>

vue.js實現頁面倒計時功能

his 首頁 turn return () data col world mit 需求分析: 頁面倒計時5秒後進入系統主頁,數字需要實時更新! <template> <div class=""> <h1>歡迎來到Vue.js

IDEA裏如何實現自動導入包導入包優化的設置?(適合各種語言)(圖文詳解)

pic add 分享 str sca 詳解 個人博客 optimize html   不多說,直接上幹貨! 前言   為什麽需要自動導入包?為什麽需要導入包優化呢?   答: IDEA裏如何實現自動導

【tp5】tp5實現空模塊、空控制器、空操作的頁面404

die img not row header 分享 exc exce app 1、這裏只講tp5(5.0.18)的空模塊跳轉,空控制器和空操作官網有。 來個正確的空模塊處理吧: 首先找到think\App.php,備份,然後修改: 找到【throw new HttpExc

Android Studio 使用Intent實現頁面(帶參數)

col xtra ima alt main 都是 img mage android 不管是在APP,還是在網站中,頁面之間的跳轉都是很常見的,本文主要講一下在APP中,如何通過Intent實現頁面的跳轉。 不帶參數: 寫在MainActivity頁面的代碼: 1 In

利用EasySQLMAIL實現自動數據提取郵件發送功能 (1)

結果 收費 自動 san exce align 初始 方便 間隔 轉自:http://blog.sina.com.cn/s/blog_1549483b70102wioy.html 最近幾個月每天都在發通報。過程很繁瑣,動作很機械,整個人就是一部機器,執行SQL,填Excel

html中a標籤錨點定位雙擊路徑的問題

###錨點 在製作網頁時,我們常常遇到需要新增側邊導航,通過點選導航讓頁面自動滾動到指定位置,如:電商網站的樓層。這就涉及到<a>標籤的錨點應用,把它稱為“錨點標籤”。 通俗的講,我們想要讓頁面跳轉到的位置,就是錨點。錨點是一種超連結,只不過它是頁面內部的超連結,它指向頁

mui.openWindow('login.html')與window.open('login.open')底部選項卡的問題,記錄一下

需求就是帶有底部選項卡的頁面(myself.html)跳轉登入(login.html)時, 通常用onclick=“javascript:history.back(-1)可以直接返回; 但是當有邏輯判斷時(比如登入驗證,驗證碼身份驗證)   在login.h

ASP.NET中使用UpdatePanel實現區域性非同步重新整理方法攻略()

asp.net UpdatePanel實現非同步區域性重新整理 鑑於最近專案需要,研究了一下UpdatePanel控制元件的使用方法,現總結如下,可能有很多地方不足,還望大家斧正哦,此文的目的也是為了幫助UpdatePanel的初學者,也是為了給自己的學習之路

Android stdio 學習之 Intent 類(啟動外部瀏覽器或實現頁面元件

首先 1.確保已經安裝好了Android stdio 環境  2.瞭解Intent類是什麼 詳情可檢視網址:https://developer.android.com/guide/components/intents-filters 說白了,Intent就是一個捆綁各個

vue 解決addRoutes動態新增路由後重新整理失效問題(“404”頁面)

這篇文章主要介紹了vue 解決addRoutes動態新增路由後重新整理失效問題,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧 前言 某些場景下我們需要利用addRoutes動態新增路由,但是重新整理後就會失效,前段時間專案裡剛好遇到了這個應用場景,所以就花時間研究了一下,做下