ホームページ >ウェブフロントエンド >jsチュートリアル >Javascriptページの一般的な実装方法のまとめjump_javascriptスキル
Javascriptページの一般的な実装方法のまとめjump_javascriptスキル
- WBOYオリジナル
- 2016-05-16 15:29:161309ブラウズ
この記事の例は、JavaScript ページ ジャンプの一般的な実装方法をまとめたものです。参考のために皆さんと共有してください。詳細は次のとおりです:
概要
多くの Web 開発者は、Web プログラムを開発するときにページ間をジャンプする方法がたくさんあることを知っていると思いますが、効果的にジャンプすると半分の労力で 2 倍の結果が得られます。以下は私が毎日の開発プロセスで使用しているものです。いくつかの JavaScript ジャンプ メソッドを共有します。
最初のタイプ: 直接ジャンプしてパラメーターを追加します
<script language="javascript" type="text/javascript"> window.location.href="login.jsp?backurl="+window.location.href; </script>
パラメータなしで直接ジャンプ:
コードをコピー コードは次のとおりです:
3f1c4e4b6b16bbbd69b2ee476dc4f83awindow.location.href='http:// www.baidu.com';2cacc6d41bbb37262a98f745aa00fbf0
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番目のタイプ: ボタンタイプ ボタンボタンにイベントジャンプを追加します。
コードをコピー コードは次のとおりです:
c5314e9c704f110532cbcf0b3a1be2fb
タイプ 7: 新しいウィンドウで開きます:
コードをコピー コードは次のとおりです:
b4cf42383c328cdccca412066c744a33新しいウィンドウを開く5db79b134e9f6b82c0b36e0489ee08ed
応用例:
<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 プログラミングのすべての人に役立つことを願っています。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。