JS實現跳轉的幾種方式分析


第一種
<script language="javascript" type="text/javascript">
window.location.href="login.php?backurl="+window.location.href;
//與window.location.replace("**.jsp");表示不向服務器發送請求的跳轉,以這種方式在使用window.history.go(-1);wondow.history.back();方法來
//來返回時,就會返回到初始默認頁面
</script>
同時,區別其他的:
window.location.Reload()是刷新.(如果有數據提交的話,會提示是否提交的(是和否選項)) window.location.href=window.location.href; 是定向url提交數據
第二種:

<script language="javascript">
alert("返回");
window.history.back(-1); //返回到前一頁面
</script>
另外,返回上一步還有<a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>window.history.forward()返回下一頁
window.history.go(返回第幾頁,也可以使用訪問過的URL)

第三種:
<script language="javascript">
window.navigate(“login.php");
</script>
//MSDN說的window.navigate(sURL)方法是針對IE的,不適用於FF,在HTML DOM Window Object中,根本沒有列出window.navigate方法。

第四種:
<script language="JavaScript">
self.location='top.htm';
</script>
第五種:
<script language="javascript">
alert("非法訪問!");
top.location='xx.php';
</script>>

//top.location ,self.location 分別表示父窗體的 url和當前窗體的url
實際上,利用dojo來實現也差不多,在iframe的相關跳轉中,利用dojo.io.iframe.setsrc可實現跳轉

以下時摘錄的其他一些相關信息:

iframe中頁面跳轉

1.iframe頁面跳轉:

"window.location.href"、"location.href"是本頁面跳轉

"parent.location.href"是上一層頁面跳轉

"top.location.href"是最外層的頁面跳轉

例:如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js這樣寫

"window.location.href"、"location.href":D頁面跳轉

"parent.location.href":C頁面跳轉

"top.location.href":A頁面跳轉

2.iframe中的target

如果D頁面中有form的話, form提交後D頁面跳轉

<form target="_blank">: form提交後彈出新頁面

<form target="_parent">: form提交後C頁面跳轉

<form target="_top"> : form提交後A頁面跳轉
iframe頁面刷新

D 頁面中這樣寫:"parent.location.reload();": C頁面刷新(當然,也可以使用子窗口的 opener 對象來獲得父窗口的對象:window.opener.document.location.reload(); )

"top.location.reload();": A頁面刷新 window.location.href = window.location.href 也可以實現頁面刷新,它與reload的區別是:如果在reload之前想服務器提交過數據,那麼執行reload會重新執行這個提交操作。 而window.location.href = window.location.href 則不會,因爲它是重新進入頁面。

//子窗口刷新父窗口 <script language=JavaScript> self.opener.location.reload(); </script> (或<a href="javascript:opener.location.reload()">刷新</a> ) //如何刷新另一個框架的頁面用 <script language=JavaScript> parent.另一FrameID.location.reload(); </script>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章