- ベストアンサー
別なページにジャンプさせたい
ボタンをクリックすると指定のページに飛ぶようにしたいのですが、 <html> <head> <script language="JavaScript"> function jump(){ location.href="index.html"; } </script> </head> <body> <form onSubmit="jump()"> <input type="submit"> </form> </body> </html> でも <html> <head> <script language="JavaScript"> function jump(){ location.href="index.html"; } </script> </head> <body> <form> <input type="submit" onClick="jump()"> </form> </body> </html> でも動きません。（そのページを表示したままです） <body onload="jump()">にしたときは正常にジャンプできるので、クリックのイベントが拾えていないと思うのですが、どのように記述すればいいのでしょうか。 よろしくお願いいたします。
- umioyo
- お礼率78% (172/220)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
form送信が無効化されていないので、formがサブミットされた時に、JavaScriptの動作よりもform送信が優先されて、スクリプトの動作が止められているのではないかと思います。 <form onSubmit="jump(); return false;"> このように、return falseをイベントハンドラ内に入れて、form送信を無効化すればよいと思います。 参考になれば。
その他の回答 (1)
- arukamun
- ベストアンサー率35% (842/2394)
<INPUT TYPE=button>や<INPUT TYPE=submit>を使って別のページに飛びたいのですね。 同じウィンドウにgooのページを表示する場合 <HTML> <INPUT TYPE=button VALUE="Jump" onClick="window.open('http://www.goo.ne.jp/','_self');"> </HTML> 別のウィンドウにgooのページを表示する場合 <HTML> <INPUT TYPE=button VALUE="Jump" onClick="window.open('http://www.goo.ne.jp/','_new');"> </HTML> こんな感じでいかがでしょうか？
お礼
なるほど、formタグを使わなくてもいいんですね。 ご回答どうもありがとうございました。
お礼
なるほど、原因がわかりました。 どうもありがとうございました。