ホームページ > 記事 > ウェブフロントエンド > JavaScript_javascript スキルでページ ジャンプを実装するいくつかの一般的な方法
この記事の例では、JavaScript でページ ジャンプを実装する一般的な方法をいくつか説明します。参考のために皆さんと共有してください。詳細は次のとおりです:
最初のタイプ:
<script language="javascript" type="text/javascript"> window.location.href="login.jsp?backurl="+window.location.href; </script>
2 番目のタイプ:
<script language="javascript"> alert("返回"); window.history.back(-1); </script>
3 番目のタイプ:
<script language="javascript"> window.navigate("top.jsp"); </script>
4 番目のタイプ:
<script language="JavaScript"> self.location='top.htm'; </script>
5 番目のタイプ:
<script language="javascript"> alert("非法访问!"); top.location='xx.jsp'; </script>
JavaScript で選択ボックスをポップアップして他のページにジャンプします
<script language="javascript"> <!-- function logout()...{ if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{ window.location.href="logout.asp?act=logout" } } --> </script>
JavaScript でプロンプト ボックスが表示され、他のページにジャンプします
<script language="javascript"> <!-- function logout()...{ alert("你确定要注销身份吗?"); window.location.href="logout.asp?act=logout" } --> </script>
追加: window.location=""; と location.replace(""); の違いは何ですか?
どちらも Web ページを URL に誘導できますが、違いは何でしょうか?たとえば、パラメータは取得できる、パラメータは取得できない、などです。
置き換えますか? それともリロードしますか?
違いはないようですよね?試したことはありません
replace()、reload() はこのページをリロードし、replace() は別の URL
につながる可能性があります
例を挙げてみましょう:
現在 3 ページ (a.html、b.html、c.html) があります。
デフォルトでは a.html ページが開き、a.html ページ内の a.html ページにリンクが誘導されます。
ここで、b.html ページで window.location.replace("c.html"); と window.location.href("c.html"); を使用して、それぞれ c.html ページに入ります。 🎜 >
ユーザー インターフェースに違いはありませんが、c.html ページに「戻る」ボタンが追加されました。
window.location.href("c.html");
を使用します。
window.location.replace("c.html"); を使用して c.html ページに入ると、
c.html ページでの window.history.go(-1);wondow.history.back(); メソッドの呼び出しは使いにくいため、a.html に戻ります。
window.location.replace("c.html"); はサーバーにリクエストを送信せずにジャンプしますが、window.history.go(-1);wondow.history.back(); メソッドに基づいているためです。サーバー レコード リクエストによってジャンプ先のページが決定されるため、システムのデフォルト ページ a.html にジャンプします。
この記事が JavaScript プログラミングのすべての人に役立つことを願っています。