可以使用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"
在HTML可以给元素设置一个超链接的。
工具原料：编辑器、浏览器。
1、解决的思路就是先写一个button标签，标签的按钮名字可以自定义，然后将这个按钮放在超链接的a标签里，代码如下：
<body><a href="test.html">
<button>test</button>
</a>
</body>
2、button的名称可以修改成自己任意的，链接也可以自定义，运行的效果如下图：
3、也可以将其他的元素放到a标签中间实现超链接的功能。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）