ホームページ > 記事 > ウェブフロントエンド > JavaScriptでページジャンプを制御する方法
JavaScriptでページジャンプを制御する方法
- 青灯夜游オリジナル
- 2021-06-08 11:41:452551ブラウズ
方法: 1. "window.location.href="ページ アドレス"" を使用します。 2. "window.history.back()" ステートメントを使用します。 3. "window.navigate()" を使用します。ステートメント; 4. 「self.location="address"」ステートメントを使用します。
このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
Javascript でページ ジャンプを実装するいくつかの方法
最初の方法: 直接ジャンプしてパラメータを追加
<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
</script>directly Jumpパラメータなし:
<script>window.location.href='http://www.baidu.com';</script>
2 番目: 最後のプレビュー インターフェイスに戻る
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>タグのネスト:
<a href="javascript:history.go(-1)">返回上一步</a>
<a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>3 番目のタイプ: 指定されたジャンプページはフレームに対して無効です。 。 。
<script language="javascript">
window.navigate("top.jsp");
</script>4 番目の方法: 独自のジャンプ ページの指定は、フレームに対して無効です。 。
<script language="JavaScript">
self.location='top.htm';
</script>アプリケーション例:
<head>
<script language="javascript">
function old_page()
{
window.location = "login.aspx"
}
function replace()
{
window.location.replace("login.aspx")
}
function new_page()
{
window.open("login.aspx")
}
</script>
</head>
<body>
<input type="button" onclick="new_page()" value="在新窗口打开s"/>
<input type="button" onclick="old_page()" value="跳转后有后退功能"/>
<input type="button" onclick="replace()" value="跳转后没有后退功能"/>
</body>プログラミング関連の知識の詳細については、プログラミング ビデオをご覧ください。 ！
以上がJavaScriptでページジャンプを制御する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。