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

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

WBOY

リリース： 2016-05-16 16:34:24

オリジナル

1737 人が閲覧しました

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

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

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

コードは次のとおりです

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