ホームページ > 記事 > ウェブフロントエンド > js ボタンをクリックして別の新しいページにジャンプする_javascript スキル
ボタンをクリックして別のページにジャンプするにはどうすればよいですか?ウェブサイトの制作では、特にボタンが画像になっている場合や、画像をクリックして新しいページにジャンプする場合など、そのような効果を実現する必要がある場合があるため、この機能が必要になることがあります。
このような効果は、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のポップアップ選択ボックスは他のページにジャンプします=====