Javascriptページの一般的な実装方法のまとめjump_javascriptスキル-jsチュートリアル-php.cn

Javascriptページの一般的な実装方法のまとめjump_javascriptスキル

WBOY

リリース： 2016-05-16 15:29:16

オリジナル

1273 人が閲覧しました

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

概要

多くの Web 開発者は、Web プログラムを開発するときにページ間をジャンプする方法がたくさんあることを知っていると思いますが、効果的にジャンプすると半分の労力で 2 倍の結果が得られます。以下は私が毎日の開発プロセスで使用しているものです。いくつかの 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>

ログイン後にコピー

タグのネスト:

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

ログイン後にコピー

5 番目の方法: 独自のジャンプページの指定はフレームに対して有効です。

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

ログイン後にコピー

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

コードをコピーコードは次のとおりです:

タイプ 7: 新しいウィンドウで開きます:

コードをコピーコードは次のとおりです:

新しいウィンドウを開く

応用例:

<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 プログラミングのすべての人に役立つことを願っています。