js實(shí)現(xiàn)頁面跳轉(zhuǎn)的五種方法推薦
js實(shí)現(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的全部屬性、方法和集合,即不需要在前面附加計(jì)算結(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 屬性是兼容所有瀏覽器的。因此在實(shí)現(xiàn)頁面跳轉(zhuǎn)的時候這個比較常用。
window.history.go(-1)是返回上一頁
window.location.go(-1) 是刷新上一頁
以上這篇js實(shí)現(xiàn)頁面跳轉(zhuǎn)的五種方法推薦就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
- 淺談JQuery+ajax+jsonp 跨域訪問
- js實(shí)現(xiàn)瀏覽器倒計(jì)時跳轉(zhuǎn)頁面效果
- 靜態(tài)頁面html中跳轉(zhuǎn)傳值的JS處理技巧
- JavaScript實(shí)現(xiàn)頁面跳轉(zhuǎn)的方式匯總
- js實(shí)現(xiàn)頁面跳轉(zhuǎn)的幾種方法小結(jié)
- js點(diǎn)擊返回跳轉(zhuǎn)到指定頁面實(shí)現(xiàn)過程
- JavaScript中通過提示框跳轉(zhuǎn)頁面的方法
- JavaScript禁止用戶多次提交的兩種方法
- javascript禁止超鏈接跳轉(zhuǎn)的方法
- JS簡單實(shí)現(xiàn)禁止訪問某個頁面的方法
相關(guān)文章
JS+CSS實(shí)現(xiàn)消息的點(diǎn)擊展示和隱藏(H5端)
在 H5 端,我們經(jīng)常需要實(shí)現(xiàn)類似于點(diǎn)擊按鈕來展示或隱藏消息的功能,以下是一個使用 CSS 和 JavaScript(配合 Vue.js)來實(shí)現(xiàn)這個效果的簡單示例,需要的朋友可以參考下2023-10-10uniapp小程序配置tabbar底部導(dǎo)航欄實(shí)戰(zhàn)指南
tabBar如果應(yīng)用是一個多tab應(yīng)用,可以通過tabBar配置項(xiàng)指定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-12js檢查頁面上有無重復(fù)id的實(shí)現(xiàn)代碼
有時候我們需要檢查一個頁面上是否用重復(fù)的id,一般id都是唯一的,也方便控制,那么就可以參考下面的代碼2013-07-07JavaScript實(shí)現(xiàn)留言板添加刪除留言
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)留言板添加刪除留言,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-06-06