1. 程式人生 > >網頁自動重新整理的實現

網頁自動重新整理的實現

  有時候用到頁面整體自動重新整理,在前端可以用兩種方式實現,第一種是利用meta標籤傳送http頭實現自動重新整理,第二種是使用javascript函式延時實現自動重新整理。

  1、利用meta標籤實現頁面自動重新整理

  meta標籤可以有很多功能,位置是放在HTML程式碼的<head></head>之間,如下可實現每過5s重新整理一次頁面,

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

http-equiv="refresh"的作用是告訴瀏覽器自動重新整理頁面或者重定向到新的url

  2、利用javascript實現頁面自動重新整理

  javascript中的window.location中有重新整理頁面的方法reload(),將這個方法封裝成一個函式,然後延時執行就可以了,重新整理頁面後又會執行,這樣就實現了自動重新整理

1 <script type="text/javascript">
2     function myrefresh(){
3         window.location.reload();
4     }
5     setTimeout('myrefresh()',5000);    //5s後執行函式重新整理頁面
6 </script>

這樣頁面就會自動重新整理了

相關推薦

Qt:Qt實現網頁自動重新整理工具

使用Qt實現網頁重新整理工具 前言 最近在看一本《C++黑客程式設計揭祕和防範》 ,剛開始學,感覺書還不錯,有講一些windows API,不過裡面的工具都是使用VC++寫的,介面部分使用的mfc的一些API,感覺太不友好來,筆者 想的是 介面部分當然應該可以用,當下桌面端最流行

Vscode外掛 livereload配合chrome擴充套件程式livereload實現網頁自動重新整理(儲存時)

前段時間電腦系統壞了,重新裝系統後便是繁瑣的軟體重灌了(對於程式猿來說,開發環境才是大事),這不,重灌vscode外掛livereload時,竟然忘了它怎麼用了!!!?於是有要百度一波,但是,查了好幾個部落格才解決了我的問題。。。怪自己記性不好啦。。。好的,進入正題。

網頁自動重新整理實現

  有時候用到頁面整體自動重新整理,在前端可以用兩種方式實現,第一種是利用meta標籤傳送http頭實現自動重新整理,第二種是使用javascript函式延時實現自動重新整理。   1、利用meta標籤實現頁面自動重新整理   meta標籤可以有很多功能,位置是放在HTML程式碼的<head>&

網頁自動重新整理

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <%int day=3; %> <html>   <head></head>

提高前端開發效率--讓網頁自動重新整理

做前端開發的肯定無數次地在重複以下流程: 程式碼編輯器中修改程式碼-儲存-切換到瀏覽器-F5重新整理 部分IDE和編輯器中可以通過安裝外掛實現實時重新整理的效果,但是如果不想安裝那麼多東西怎麼辦? 可以通過在html的head部分中加入以下程式碼實現瀏覽器自動重新整理: <script

Browsersync網頁自動重新整理,實時監看效果

   在沒使用webpack之前,我們在做普通網頁往往面臨著修改後還需重新整理頁面的困擾,推薦使用Browsersync,直接在安裝過node的電腦上npm install -g browser-syn

javaweb例項--網頁自動重新整理功能實現

javaweb例項–網頁的自動重新整理功能實現 做個記錄啊,如果看不懂可以留言,我就不詳細的寫部落格了 建立一個RefreshServelet.java package cn.kuls.dem

META http-equiv="refresh" 實現網頁自動跳轉

知識 meta head 網頁 src title dot shu 知識庫 使用說明: < HEAD> < TITLE>刷新內容< /TITLE> < META HTTP-EQUIV="REFRESH" CONTENT="x; UR

javascript實現雙擊網頁自動滾動,單擊滾動停止

滾動條 span clear IT != 我們 想想 size ava 當網頁中有長篇文章時,瀏覽起來就比較吃勁了,想想一邊忙著拖動滾動條,一邊忙著瀏覽,確實挺累人的。為了客人能夠輕松的瀏覽,我們可以使用script代碼實現網頁的自動滾屏,當雙擊網頁的時候,網頁將會自動向下

BJUI接受TabID實現新增或編輯後自動重新整理頁面

場景 藉助於BJUI框架,不管是新增還是編輯,都要共用同一個頁面,執行同一個save方法。 參照: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/84098171 但是實現新增或者編輯後不會自動重新整理頁面,還要我

實現SpringCloud Config 客戶端自動重新整理

一、簡介 在使用SpringCloud Config客戶端時,如果Config服務端配置檔案發現了變化,如果客戶端需要同步的話,需要手動的訪問客戶端的/refresh(POST請求)端點來重新整理客戶端配置 使用定時器的方式來解決手動重新整理 1、找到類org.

SpringCloud Config(配置中心)實現配置自動重新整理總結

一、實現原理 1、ConfigServer(配置中心服務端)從遠端git拉取配置檔案並在本地git一份,ConfigClient(微服務)從ConfigServer端獲取自己對應 配置檔案; 2、當遠端git倉庫配置檔案發生改變,ConfigServer如何通知到Conf

OkHttp+Retrofit+RxJava 實現過期Token自動重新整理

在經歷了OkHttp、Retrofit、RxJava的學習後,終於可以開始寫程式碼rua! 附我的學習筆記:https://blog.csdn.net/qq_42895379/article/details/83786905#RxJava_221 由於網路上安利這幾款火

JS實現頁面載入完成之後自動重新整理一次

        先貼出程式碼,如果有興趣看我解題思路的可以看下,沒興趣的直接拿走用,節省時間。        window.onload = function(){var url=document.location.href;  //獲取瀏覽器訪問欄裡的地址       

如何實現返回上一頁並自動重新整理

Java編寫WEB程式時,頁面應該只是表示的部分,不應該含有任何Java指令碼程式碼,所以主要考慮使用JS來實現這一功能。我們經常會碰到返回上一頁,但是需要重新整理頁面上與狀態相關的資訊,從而避免重複操作,錯誤資訊的弊端。先說兩種方法: 1. 設定頁面為不快取,訪問上

webpack-dev-server開啟服務監測js、HTML、CSS並自動重新整理網頁的套路詳細步驟並附程式碼

在一個合適的資料夾下npm初始化npm init 安裝webpackcnpm install webpack --save-dev 建立webpack.config.js檔案,也可以滑鼠右鍵建立(下同,省略)。touch webpack.config.js 建立一個app資料夾mkdir app 在app資料

SrpingCloud ---github上面如何使用webHook實現配置檔案修改 ,客戶端自動重新整理

SrpingCloud —github上面如何使用webHook實現配置檔案修改 ,客戶端自動重新整理 一:客戶端(消費者)端新增maven依賴 <dependency> <groupId>org.springframewor

利用AJAX技術實現網頁重新整理進度條顯示

在網頁中實現頁面無重新整理的進度條顯示不是一件很麻煩的事情,但如果這個進度條要能準確反映當前事務或者複雜邏輯的執行進度,那麼卻並不是一件容易的事情,目前AJAX技術流行,所以本文作者試想通過AJAX來實現網頁準確進度條,以銄讀者。首先應該想一個問題,複雜事務或者事務邏輯如果不

自動重新整理頁面的實現方法總結

1) <meta   http-equiv= "refresh "content= "10;url=跳轉的頁面 "> 10表示間隔10秒重新整理一次 2) <script   language= ' 'javascript ' '> wind

sublime3安裝外掛實現前端自動重新整理

  這兩天倒騰編輯器,atom實在太大了,還是sublime好用   以前一直用sublime2, 然後更新到sublime3, 然後把一些必要的外掛安裝了一下:liveload(自動重新整理);   package control   首先給sublime添加了一個pac