快捷導(dǎo)航

js實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的五種方法推薦

更新時(shí)間：2016年03月10日 15:46:21 投稿：jingxian

下面小編就為大家?guī)?lái)一篇js實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的五種方法推薦。小編覺(jué)得挺不錯(cuò)的?，F(xiàn)在分享給大家，讓大家參考一下

js實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的五種方法推薦

第一種：

<script language="javascript" type="text/javascript"> 

window.location.href="xx.jsp?backurl="+window.location.href; 

</script> 

第二種：

復(fù)制代碼代碼如下:

<script language="javascript"> 

alert("返回"); 

window.history.back(-1); 

window.history.go(-1)；

</script>

第三種：

復(fù)制代碼代碼如下:

<script language="javascript"> 

window.navigate("xx.jsp"); 

</script> 

第四種：

復(fù)制代碼代碼如下:

<script language="JavaScript"> 

self.location='xx.htm'; 

</script> 

第五種：

復(fù)制代碼代碼如下:

<script language="javascript"> 

alert("非法訪問(wèn)！"); 

top.location='xx.jsp'; 

</script>

總結(jié)：
self:當(dāng)前窗口對(duì)象（如果是在iframe里，則為該框架的窗口對(duì)象）

top:父窗口對(duì)象

window:典型情況下，瀏覽器會(huì)為每一個(gè)打開(kāi)的html創(chuàng)建對(duì)應(yīng)的window對(duì)象，如果這個(gè)文檔包含了多個(gè)框架，則瀏覽器會(huì)為原始文檔建立一個(gè)window對(duì)象，再為每個(gè)框架創(chuàng)建額外的window對(duì)象。可以再當(dāng)前窗口中直接使用window的全部屬性、方法和集合，即不需要在前面附加計(jì)算結(jié)果為當(dāng)前window對(duì)象的表達(dá)式。雖然window可以省略，但是為了方便閱讀以及避免一些漏洞，一般都使用這個(gè)關(guān)鍵字。
location:該對(duì)象包含當(dāng)前url信息，擁有多個(gè)屬性。默認(rèn)屬性為 location.href,表示整個(gè)url，即如果設(shè)置location="http://chabaoo.cn",則等同于location.href="http://chabaoo.cn".self:當(dāng)前窗口對(duì)象（如果是在iframe里，則為該框架的窗口對(duì)象）

window.navigate("http://xx.html/") 這個(gè)方法是只針對(duì)IE的，不適用于火狐等其他瀏覽器，在HTML DOM Window Object中，根本沒(méi)有列出window.navigate這個(gè)方法，所以這個(gè)方法盡量少用。
window.location 屬性是兼容所有瀏覽器的。因此在實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的時(shí)候這個(gè)比較常用。
window.history.go(-1)是返回上一頁(yè)
window.location.go(-1) 是刷新上一頁(yè)

以上這篇js實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的五種方法推薦就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: