下面小編就為大家?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>

第二種：

代碼如下:

<script language="javascript">

alert("返回");

window.history.back(-1);

window.history.go(-1)；

</script>

第三種：

代碼如下:

<script language="javascript">

window.navigate("xx.jsp");

</script>

第四種：

代碼如下:

<script language="JavaScript">

self.location='xx.htm';

</script>

第五種：

代碼如下:

<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://www.jb51.net",則等同于location..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è)參考