1. ホーム
  2. Web制作
  3. HTML/Xhtml

HTMLでボタンタグをクリックし、ページジャンプを実現する3つの方法

2022-01-25 07:05:25

方法1:onclickイベントを使用する

<input type="button" value="button"
onclick="javascrtpt:window.location.href='http://www.baidu.com/'" /> 

  または、ボタンタグを使用します。

<button onclick="window.location.href = 'https://www.baidu.com/'">Baidu</button> 

方法2:ボタンタグをaタグで囲む

<a href="http://www.baidu.com/">
    <button>Baidu</button>
</a> 

  または

<a href="http://www.baidu.com/"><input type="button" value='Baidu'></a> 

方法3:JavaScriptの関数を使用する

<script>
function jump(){
 window.location.href="http://www.baidu.com/";
}
</script>
<input type="button" value="Baidu" onclick=javascrtpt:jump() />
// or<input type="button" value="Baidu" onclick="jump()" />
// or<button onclick="jump()">Baidu</button> 

概要

以上、HTMLのボタンタグのクリックでページジャンプの3つの方法を実現する方法を少し紹介しましたが、お役に立てれば幸いです。もし何か質問があれば、私にメッセージをください。これからもスクリプトハウスのウェブサイトをよろしくお願いします。
この記事がお役に立つと思われる方は、ご自由に転載してください!出典を明記してください!ありがとうございました。