ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript_javascript スキルでページ ジャンプを実装するいくつかの一般的な方法

JavaScript_javascript スキルでページ ジャンプを実装するいくつかの一般的な方法

WBOY
リリース: 2016-05-16 15:29:15
オリジナル
1236 人が閲覧しました

この記事の例では、JavaScript でページ ジャンプを実装する一般的な方法をいくつか説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

最初のタイプ:

<script language="javascript" type="text/javascript"> 
    window.location.href="login.jsp&#63;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&#63;act=logout"
}
}
-->
</script>
ログイン後にコピー

JavaScript でプロンプト ボックスが表示され、他のページにジャンプします

<script language="javascript">
<!--
function logout()...{
alert("你确定要注销身份吗?");
window.location.href="logout.asp&#63;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");
を使用します。

c.html ページに入るときは、window.history.go(-1);wondow.history.back(); を呼び出します。c.html ページに入るときは、「戻る」ボタンをクリックして b に戻ります。 .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 にジャンプします。

window.location.href("c.html"); はサーバーにリクエストを送信するためのジャンプであり、window.history.go(-1);wondow.history.back(); メソッドに基づいています。サーバーによって記録されたリクエスト b.html に戻ることができるように、どのページにジャンプするかを決定します。

この記事が JavaScript プログラミングのすべての人に役立つことを願っています。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート