js頁面重新整理跳轉的幾種方式及區別

阿新 • • 發佈：2019-01-16

跳轉常用方法：

window.location.href="index.php";
window.history.back(-1);//類似於按鈕，引數是負幾，就後退幾次。
window.navigate("index.jsp"); //navigate物件包含有關瀏覽器的資訊，也可以作為頁面跳轉，後面直接加要跳轉的地方。

self.location.href=index.htm;
//self指代當前視窗物件,屬於window最上層的物件;
//location.href 指的是某window物件的URL地址.
//self.location.href指當前視窗的URL地址,去掉self預設為當前視窗的URL地址.

top.location=index.php;
//top 屬性返回最頂層的先輩視窗。
//該屬性返回隊一個頂級視窗的只讀引用。
//如果視窗本身就是一個頂級視窗，top 屬性存放對視窗自身的引用。
//如果視窗是一個框架，那麼 top 屬性引用包含框架的頂層視窗。

location.replace(document.referrer);
document.referrer 
history.go(-1);//不重新整理頁面

history.back();//不重新整理頁面

Javascript重新整理頁面的常用方法：

1    history.go(0) 
2    location.reload() 
3    location=location 
4    location.assign(location) 
5    document.execCommand('Refresh') 
6    window.navigate(location) 
7    location.replace(location) 
8    document.URL=location.href

自動重新整理頁面的方法:
1.頁面自動重新整理：把如下程式碼加入<head>區域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒重新整理一次頁面.

2.頁面自動跳轉：把如下程式碼加入<head>區域中
<meta http-equiv="refresh" content="20;url=http://www.baidu.com">
其中20指隔20秒後跳轉到http://www.baidu.com頁面

3.頁面自動重新整理js版

<script language="JavaScript">
setTimeout('window.location.reload()',1000) //指定1秒重新整理一次
</script>

JS重新整理框架的指令碼語句

//如何重新整理包含該框架的頁面用

<script language=JavaScript>
   parent.location.reload();
</script>

//子視窗重新整理父視窗

<script language=JavaScript>
    self.opener.location.reload();
</script>
(　或　<a href="javascript:opener.location.reload()">重新整理</a>   )

//如何重新整理另一個框架的頁面用

<script language=JavaScript>
   parent.另一FrameID.location.reload();
</script>

如果想關閉視窗時重新整理或者想開窗時重新整理的話，在<body>中呼叫以下語句即可。

<body onload="opener.location.reload()"> 開窗時重新整理
<body onUnload="opener.location.reload()"> 關閉時重新整理

<script language="javascript">
window.opener.document.location.reload()
</script>

js頁面重新整理跳轉的幾種方式及區別

跳轉常用方法： window.location.href="index.php"; window.history.back(-1);//類似於按鈕，引數是負幾，就後退幾次。 window.navigate("index.jsp"); //navigate物件包含有關瀏覽器的

web頁面跳轉幾種方式詳解

在做web開發中，頁面跳轉的方式有很多種，然而有些時候這些跳轉如何用到恰到好處卻很容易被忽視。客戶端觸發跳轉有如下幾種使用meta元資訊 ? 1 2 <!--如下表示

Android 隱士跳轉幾種方式

1、只有配置 action 進行跳轉 <intent-filter> <action android:name="testarouter"></action> <category android:name="android.i

事件繫結的幾種方式及區別

1.事件繫結分三種常用的方法: (1)在DOM元素中直接繫結 (2)在js程式碼中繫結; (3)繫結事件監聽函式 DOM元素中直接繫結: <input type='button' onclick='fn()'>

頁面載入初始化3種方式及區別

1 $(function () { });//jquery2 $(document).ready(function () { });//jquery3 window.onload = function

js中頁面加載完成後執行的幾種方式及執行順序

class 事件兩種在哪裏 log 等待沒有 cti 完成 1：使用jQuery的$(function){}; 2：使用jquery的$(document).ready(function(){});前兩者本質上沒有區別，第1種是第2種的簡寫方式。兩個是document

微信小程式頁面跳轉三種方式

為了不讓使用者在使用小程式時造成困擾，微信小程式規定頁面路徑只能是五層，請儘量避免多層級的互動方式。頁面跳轉的話就涉及到了多個頁面層級第一種：wx.navigateTo(OBJECT) 保留當前頁面，跳轉到應用內的某個頁面，使用wx.navigateB

js中頁面載入完成後執行的幾種方式及執行順序

在js和jquery使用中，經常使用到頁面載入完成後執行某一方法。通過整理，大概是五種方式（其中有的只是書寫方式不一樣）。 1：使用jQuery的$(function){};2：使用jquery的$(document).ready(function(){});前兩者本質上沒

JS對象繼承的幾種方式總結

tor style div on() 引用 super 繼承不兼容 font 今天學習了一下js的繼承，js中的繼承主要分四種，原型繼承，構造函數繼承，call/apply繼承以及es6的extend繼承。1.原型繼承：原型繼承主要利用js對象的prototype引用父類

理解描述頁面元素大小的幾種方式

border title 目錄 .get 等等 wid 技術分享 document utf-8 　　　我們經常可以看到關於描述頁面元素大小的屬性，比如：offsetWidth、clientWidth以及scrollWidth等等。但是，要正確區分它們可能就不是一件容易的

ASP.Net中頁面傳值的幾種方式

webconfig local 區別重啟 Nid 傳遞對象 app too BE 大致概括一下，ASP.NET 頁面之間傳遞值得方式大致可以分為如下幾種：Request.QueryString["name"],Request.Form("name"),Session,Co

小程序頁面傳值的幾種方式

get 頁面傳值 targe eve url傳值 () pre itl 存取 1. url傳值 list.wxml: <view class="playIcon"> <image src="../../iconfont/play_ini

頁面布局的幾種方式（靜態化布局，流式布局，自適應布局，響應式布局，彈性布局）

情況下 sea 手機窗口大小 media sys tps 差異媒體一、靜態布局（static layout）　　即傳統Web設計，網頁上的所有元素的尺寸一律使用px作為單位。 1、布局特點　　不管瀏覽器尺寸具體是多少，網頁布局始終按照最初寫代碼時的布局來顯示。常規

JS輸出訊息(alert)的幾種方式

筆記：JS設定CSS樣式的幾種方式

用JS來動態設定CSS樣式，常見的有以下幾種 1. 直接設定style的屬性某些情況用這個設定 !important值無效如果屬性有'-'號，就寫成駝峰的形式（如textAlign）如果想保留 - 號，就中括號的形式 elem

JS實現非同步程式設計的幾種方式

轉載出處：http://www.ruanyifeng.com/blog/2012/12/asynchronous%EF%BC%BFjavascript.html Javascript非同步程式設計的4種方法作者：&nbs

SpringMVC中java給頁面傳參的幾種方式

1.使用Map集合。 2.使用Model。 3.使用ModelAndView。 Ajax與SpringMVC的互動 1.導jar包。用於解析返回集合資料型別 @ResponseBody 2.頁面編寫Ajax。 3.後臺處理a

js判斷空物件的幾種方式

1.JSON.stringify方式用JSON.stringify將物件轉換為json串，與'{}'做比較 let dataObject = {}; console.log(JSON.stringify(dataObject) == '{}'); // 返回true

js實現輪播效果幾種方式

小編推薦：Fundebug專注於JavaScript、微信小程式、微信小遊戲，Node.js和Java實時BUG監控。真的是一個很好用的bug監控費服務，眾多大佬公司都在使用。輪播呢，也是各種網站上常見的一種展示效果，這裡我來寫一寫實現輪播的一些簡單方法。 //

JS陣列遍歷的幾種方式

S陣列遍歷，基本就是for,forin,foreach,forof,map等等一些方法，以下介紹幾種本文分析用到的陣列遍歷方式以及進行效能分析對比第一種:普通for迴圈程式碼如下: for(j = 0; j < arr.length; j++) { } 簡要說明:最簡單的一種，也是使用頻率

js頁面重新整理跳轉的幾種方式及區別

相關推薦