js實現(xiàn)頁面跳轉(zhuǎn)的五種方法推薦
js實現(xiàn)頁面跳轉(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("非法訪問!");
top.location='xx.jsp';
</script>
總結(jié):
self:當(dāng)前窗口對象(如果是在iframe里,則為該框架的窗口對象)
top:父窗口對象
window:典型情況下,瀏覽器會為每一個打開的html創(chuàng)建對應(yīng)的window對象,如果這個文檔包含了多個框架,則瀏覽器會為原始文檔建立一個window對象,再為每個框架創(chuàng)建額外的window對象。可以再當(dāng)前窗口中直接使用window的全部屬性、方法和集合,即不需要在前面附加計算結(jié)果為當(dāng)前window對象的表達(dá)式。雖然window可以省略,但是為了方便閱讀以及避免一些漏洞,一般都使用這個關(guān)鍵字。
location:該對象包含當(dāng)前url信息,擁有多個屬性。默認(rèn)屬性為 location.href,表示整個url,即如果設(shè)置location="http://www.dbjr.com.cn",則等同于location.href="http://www.dbjr.com.cn".self:當(dāng)前窗口對象(如果是在iframe里,則為該框架的窗口對象)
window.navigate("http://xx.html/") 這個方法是只針對IE的,不適用于火狐等其他瀏覽器,在HTML DOM Window Object中,根本沒有列出window.navigate這個方法,所以這個方法盡量少用。
window.location 屬性是兼容所有瀏覽器的。因此在實現(xiàn)頁面跳轉(zhuǎn)的時候這個比較常用。
window.history.go(-1)是返回上一頁
window.location.go(-1) 是刷新上一頁
以上這篇js實現(xiàn)頁面跳轉(zhuǎn)的五種方法推薦就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
JS+CSS實現(xiàn)消息的點(diǎn)擊展示和隱藏(H5端)
在 H5 端,我們經(jīng)常需要實現(xiàn)類似于點(diǎn)擊按鈕來展示或隱藏消息的功能,以下是一個使用 CSS 和 JavaScript(配合 Vue.js)來實現(xiàn)這個效果的簡單示例,需要的朋友可以參考下2023-10-10uniapp小程序配置tabbar底部導(dǎo)航欄實戰(zhàn)指南
tabBar如果應(yīng)用是一個多tab應(yīng)用,可以通過tabBar配置項指定tab欄的表現(xiàn),以及tab切換時顯示的對應(yīng)頁,下面這篇文章主要給大家介紹了關(guān)于uniapp小程序配置tabbar底部導(dǎo)航欄的相關(guān)資料,需要的朋友可以參考下2022-09-09javascript Onunload與Onbeforeunload使用小結(jié)
Onunload,onbeforeunload都是在刷新或關(guān)閉時調(diào)用,可以在<script>腳本中通過window.onunload來指定或者在<body>里指定。區(qū)別在于onbeforeunload在onunload之前執(zhí)行,它還可以阻止onunload的執(zhí)行。2009-12-12