ボタンをクリックすると指定のページに飛ぶようにしたいのですが、 function jump(){ location.href="index.html"; } でも function jump(){ location.href="index.html"; } でも動きません。（そのページを表示したままです）にしたときは正常にジャンプできるので、クリックのイベントが拾えていないと思うのですが、どのように記述すればいいのでしょうか。よろしくお願いいたします。

form送信が無効化されていないので、formがサブミットされた時に、JavaScriptの動作よりもform送信が優先されて、スクリプトの動作が止められているのではないかと思います。このように、return falseをイベントハンドラ内に入れて、form送信を無効化すればよいと思います。参考になれば。

やを使って別のページに飛びたいのですね。同じウィンドウにgooのページを表示する場合別のウィンドウにgooのページを表示する場合こんな感じでいかがでしょうか？

別なページにジャンプさせたい

解決済

質問者：umioyo
質問日時：2004/02/08 11:29
回答数：2件

ボタンをクリックすると指定のページに飛ぶようにしたいのですが、
<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()">にしたときは正常にジャンプできるので、クリックのイベントが拾えていないと思うのですが、どのように記述すればいいのでしょうか。
よろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： lead1976
回答日時：2004/02/08 12:02

form送信が無効化されていないので、formがサブミットされた時に、JavaScriptの動作よりもform送信が優先されて、スクリプトの動作が止められているのではないかと思います。

<form onSubmit="jump(); return false;">

このように、return falseをイベントハンドラ内に入れて、form送信を無効化すればよいと思います。

参考になれば。

- 0
- 件

通報する

この回答へのお礼

なるほど、原因がわかりました。
どうもありがとうございました。

通報する

お礼日時：2004/02/08 13:03

No.1

回答者： arukamun
回答日時：2004/02/08 11:57

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

こんな感じでいかがでしょうか？