html按钮button怎么加超链接

可以使用input的click事件进行处理，这里假设点击转向的链接是百度，方法如下：

1、DOM0级事件处理:

1）html代码：<input name="注册" type="button" id="btn1" title="登注册" value="注册" o nclick="goToBaiDu()"/>

2）js代码：

function goToBaiDu(){

console.log('现在去百度啦！')

window.open('http://www.baidu.com')

}

效果如下：

2、DOM2级事件，绑定click事件，如下：

1）html代码：<input name="注册" type="button" id="btn1" title="登注册" value="注册"/>

2）js代码：

window.onload = function(){

document.getElementById('btn1').addEventListener('click',goToBaiDu)

}

function goToBaiDu(){

console.log('现在去百度啦！')

window.open('http://www.baidu.com')

}

效果如下：

3、上面的方式的打开一个新窗口，还有一个打开链接的方式，是在当前标签页下直接跳转到另一个页面，代码如下：

window.location.href="http://www.baidu.com"

设置方法：\x0d\x0a\x0d\x0a超级链接简单来讲，就是指按内容链接。\x0d\x0a超级链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。

---