ホームページ  >  記事  >  ウェブフロントエンド  >  js ボタンをクリックして別の新しいページにジャンプする_javascript スキル

js ボタンをクリックして別の新しいページにジャンプする_javascript スキル

WBOY
WBOYオリジナル
2016-05-16 16:34:241696ブラウズ

ボタンをクリックして別のページにジャンプするにはどうすればよいですか?ウェブサイトの制作では、特にボタンが画像になっている場合や、画像をクリックして新しいページにジャンプする場合など、そのような効果を実現する必要がある場合があるため、この機能が必要になることがあります。

このような効果は、onclick="window.location='new page'" によって実現できます。

1.

を使用して元のフォームに直接ジャンプします

コードは次のとおりです

window.location.href="ジャンプ先のページ";

2. 新しいフォームでページを開くには:

コードは次のとおりです

window.open('ジャンプしたいページ');

window.history.back(-1); 前のページに戻る

コードは次のとおりです

送信ボタンをクリックしたときに入力内容が入力されているかどうかを確認したい場合はどうすればよいですか?ユーザー名を入力するか、その他のフィールドが空の場合、送信せずにボタンをクリックすると、次のように実行できます。

コードは次のとおりです

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

<スクリプト言語=javascript>
関数 open(){

if(!document.form_name.username.value) {

alert("ユーザー名を入力してください!"); return false;

}else document.form_name.action="aaa.htm";

}


この場合、値が空の場合、ボタンをクリックしても別のページにジャンプしませんか?これにより効果が得られる。

JS ジャンプ ページのリファレンス コード

コードは次のとおりです

最初のタイプ:
<スクリプト言語="javascript" タイプ="text/javascript">
window.location.href="login.jsp?backurl=" window.location.href;

2 番目のタイプ:
<スクリプト言語="javascript">
alert("return");
window.history.back(-1);

3 番目のタイプ:
<スクリプト言語="javascript">
window.navigate("top.jsp");

4 番目のタイプ:
<スクリプト言語="JavaScript">
self.location='top.htm';

5 番目のタイプ:
<スクリプト言語="javascript">
alert("不正アクセスです!");
top.location='xx.jsp';

======JavaScriptのポップアップ選択ボックスは他のページにジャンプします=====

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

<スクリプト言語="javascript">



=====JavaScript でポップアッププロンプトボックスが他のページにジャンプします=====
コードをコピー コードは次のとおりです:

<スクリプト言語="javascript">


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。