質問: リンクのように機能するhtmlボタンを作成する方法 リンクのように機能するhtmlボタンを作成したいです。そのため、ボタンをクリックすると、ページにリダイレクトされます。できるだけアクセスしやすいようにしたいと思います。urlに余分な文字やパラメータが含まれないようにします。どうすればこれを達成できますか?これまでに投稿された回答に基づいて、私は現在これをやっています:<form method="get" action="/page2"> <button type="submit">continue</button> </form> しかし、これに関する問題は safari と internet explorer では、urlの最後に疑問符を追加することです。 urlの最後に文字を追加しない解決策を見つける必要があります。これを行うには、他に2つの解決策があります。javascriptを使用するか、リンクをスタイルしてボタンのように見せる。javascriptを使う:<button onclick="window.location.href='/page2'">continue</button> しかしこれには明らかにjavascriptが必要です。そのためスクリーンリーダーにはアクセスしにくいです。リンクのポイントは別のページに行くことです。そのため、ボタンをリンクのように機能させようとするのは間違った解決策です。私の提案は、リンクと ボタンのように見えるようにそれをスタイルする を使うべきです。<a href="/link/to/page2">continue</a>
回答: ブラウザコンソールでwindow.locationと入力し、enterを押します。そうすれば、locationに含まれるものが明確にわかります hash: "" host: "stackoverflow.com" hostname: "stackoverflow.com" href: "https://stackoverflow.com/questions/2906582/how-to-create-an-html-button- that-acts-like-a-link" origin: "https://stackoverflow.com" pathname: "/questions/2906582/how-to-create-an-html-button-that-acts-like-a-link" port: "" protocol: "https:" ここから任意の値を設定できます。したがって、別のページをリダイレクトするには、リンクにhref値を設定できます。 window.location.href = your link あなたの場合 <button onclick="window.location.href='www.google.com'">google</button>