JSがウェブページをリダイレクトしないのはなぜですか？

Question

私は送信時にJSでGoogle検索を行うHTMLフォームを作成しようとしています。 （検索テキスト

が

function googleSearch() { 
    var searchText = document.getElementById("searchBox").value; 
    window.location.href = "http://google.com/"; 
} 

、GoogleのURLが正しくありませんが、それはまったくリダイレ​​クトされていません..私は警告を置く：

<form name="form"> 
    <input type="text" name="search" id="searchBox" onkeyup="changeLogo()" autofocus> 
    <input type="submit" id="button" value="Submit" onclick="googleSearch()"> 
</form> 

そしてJS機能：

この

はHTMLです）と警告が表示され、何が起きているのか分かりませんでした。

Answer 1

ページが更新なぜなら、あなたが「提出」としてボタンタイプを使用する場合は

<form name="form" onsubmit="return false"> 
.... 
</form> 

Answer 2

の下に、それはあなたのフォームを提出するようにあなたのコードでlocaltion.href行

トライ変更をexcuting前に、送信ボタンをクリックしてください。

だから、それは動作します

<input type="button" id="button" value="Submit" onclick="googleSearch()"> 

に

<input type="submit" id="button" value="Submit" onclick="googleSearch()">` 

からあなたのボタンを変更することができます。

Answer 3

あなたのフォームが送信される可能性があります。 type="submit"をに変更すると、このボタンがクリックされたときにフォームが送信されないことが確認されます