JS を使用してページにジャンプする 7 つの方法 (共有)-jsチュートリアル-php.cn

JS を使用してページにジャンプする 7 つの方法 (共有)

青灯夜游

リリース： 2021-01-28 19:09:24

転載

3682 人が閲覧しました

JS を使用してページにジャンプする 7 つの方法 (共有)

多くの Web 開発者は、Web プログラムを開発するときにページ間をジャンプする方法はたくさんあることを知っていると思いますが、効果的にジャンプすると、半分の労力で 2 倍の結果が得られます。日常の開発で使用される 7 つの JavaScript ジャンプメソッドを実行します。

最初のタイプ: パラメーターを使用して直接ジャンプ

<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href; 
</script>

ログイン後にコピー

パラメーターなしで直接ジャンプ:

<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>

ログイン後にコピー

5 番目の方法: セルフジャンプページの指定はフレームでは有効です

   <script language="javascript">
          alert("非法访问！");
          top.location=&#39;xx.aspx&#39;;
   </script>

ログイン後にコピー

6 番目のタイプ: ボタンにイベントジャンプを追加する

<input name="pclog" type="button" value="GO" onClick="location.href=&#39;login.aspx&#39;">

ログイン後にコピー

7 番目のタイプ: 新しいウィンドウで開く

<a href="javascript:" onClick="window.open(&#39;login.aspx&#39;,&#39;
&#39;,&#39;height=500,width=611,scrollbars=yes,status=yes&#39;)">开新窗口</a>

ログイン後にコピー

例:

<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>

ログイン後にコピー

プログラミング関連の知識について詳しくは、プログラミング教育をご覧ください。！

以上がJS を使用してページにジャンプする 7 つの方法 (共有)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。