JS如何给按钮添加跳转功能类似a标签

爱秀

作者

这篇文章给大家分享的是有关JS如何给按钮添加跳转功能类似a标签的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

方法

window.location.href="要跳转的URL";

或

window.location="要跳转的URL";

或

location="要跳转的URL";

示例

<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<title>给按钮添加跳转功能【类似a标签】</title>
<scripttype="text/javascript">
window.onload=function(){
document.getElementById("btn").onclick=function(){
//window.location.href="https://www.baidu.com/";
//window.location="https://www.baidu.com/";
location="https://www.baidu.com/";
};
};
</script>
</head>
<body>
<inputid="btn"type="button"value="百度一下，你就知道"/>
</body>
</html>

感谢各位的阅读！关于“JS如何给按钮添加跳转功能类似a标签”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！

阅读全文

发布于 2021-07-09 21:17:33

分享空间
分享微博
手机扫一扫

海报

188

上一篇：vue 中怎么利用webuploader 实现文件上传功能下一篇：JS如何使用Bootstrap Table的冻结列功能彻底解决高度问题

推荐阅读