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"

有以下两种方法：直接在按钮外添加 A标签；或者在按钮间添加 onclick属性，将指向链接。

拓展：

1、超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

2、在WWW上的一个超媒体文档称之为一个页面（page）。作为一个组织或个人在万维网上开始点的页面称为主页Homepage，或首页，主页中通常包括有指向其他相关页面或其他节点的指针（超级链接）。在逻辑上将视为一个整体的一系列页面的有机集合称为网站（Website或Web）。

---