代码button按钮怎么实现超链接跳转
代码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('https://www.suyouweb.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('https://www.suyouweb.com')
}
效果如下：
3、上面的方式的打开一个新窗口，还有一个打开链接的方式，是在当前标签页下直接跳转到另一个页面，代码如下：
<input type='button' onclick="window.open('https://www.suyouweb.com')">
<input type='button' onclick="window.location.href='https://www.suyouweb.com'">
以上就是速优网络和大家分享的"代码button按钮怎么实现超链接跳转",非常感谢您有耐心的读完这篇文章，我们将为您提供更多参考使用或学习交流的信息。我们还可为您提供：企业网站建设、网站仿制、网站复制、仿站、外贸网站建设、外贸建站、公司官网制作等服务，本公司以“诚信、专业、务实、创新”的服务理念服务于客户。如您需要合作，请扫码咨询，我们将诚挚为您服务。
TAG标签：域名备案
