JavaScriptでページジャンプを制御する方法-jsチュートリアル-php.cn

JavaScriptでページジャンプを制御する方法

青灯夜游

リリース： 2021-06-08 11:41:45

オリジナル

2585 人が閲覧しました

方法: 1. "window.location.href="ページアドレス"" を使用します。 2. "window.history.back()" ステートメントを使用します。 3. "window.navigate()" を使用します。ステートメント; 4. 「self.location="address"」ステートメントを使用します。

JavaScriptでページジャンプを制御する方法

このチュートリアルの動作環境: 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=&#39;http://www.baidu.com&#39;;</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=&#39;top.htm&#39;;
   </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 サイトの他の関連記事を参照してください。