web-dev-qa-db-ja.com

JavaScriptはボタンクリックでページを読み込みます

ここで非常に簡単なタスクを実行しようとしています。ページ上のボタンをクリックして、別のページに移動できるようにしたいと思います。 window.location.href、および他の多くのことを試してみましたが、何もしません。さまざまなプラットフォームとさまざまなブラウザを試しましたが、すべて同じ結果になりました。

関数を呼び出すことができることは知っていますが、新しいページをロードすることはできません。また、これはすべてローカルファイルシステムにあり、両方のページが同じレベルにあります（ただし、www.Apple.comのような外部ページをロードしようとしました）。

何かご意見は？

ありがとう、パトリック

javascriptbuttonload
61
Patrick

ページをリダイレクトする単純なコード

<!-- html button designing and calling the event in javascript -->
<input id="btntest" type="button" value="Check" 
       onclick="window.location.href = 'http://www.google.com'" />
88
Pranay Rana

<a>要素で十分なフォーム要素を乱用しないでください。

<style>
    /* or put this in your stylesheet */

    .button {
        display: inline-block;
        padding: 3px 5px;
        border: 1px solid #000;
        background: #eee;
    }

</style>

<!-- instead of abusing a button or input element -->
<a href="url" class="button">text</a>
21
BGerrissen

window.location = "http://wherever.you.wanna.go.com/"、またはローカルリンクの場合はwindow.location = "my_relative_link.html"のみ。

アドレスバーにも入力して試してみることができます。 javascript: window.location = "http://www.google.com/"。

また、URLのプロトコル部分（http://）は絶対リンクではオプションではないことに注意してください。省略すると、javascriptは相対リンクを想定します。

17
tdammers

ここでの回答は、同じブラウザウィンドウ/タブでページを開くために機能します。

ただし、ボタンをクリックしたときにページを新しいウィンドウ/タブで開くようにしました。 （タブ/ウィンドウの決定は、ユーザーのブラウザー設定に依存します）

そのため、次のように動作します新しいタブ/ウィンドウでページを開く：

<button type="button" onclick="window.open('http://www.example.com/', '_blank');">View Example Page</button>

ボタンである必要はなく、どこでも使用できます。新しいタブ/ウィンドウで開くために使用される_ blankに注意してください。

4
Tarik