javascript怎么实现按钮点击进行跳转
程序员文章站
2022-03-12 21:10:57
...
方法：1、给按钮元素添加“onclick="location.href='url'"”语句进行跳转。2、首先给按钮元素绑定点击事件；然后指定触发点击事件时，会执行的函数；最后在执行函数中，使用“location.href”语句设置跳转功能。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
方法1：在按钮元素上直接使用location.href进行跳转
<input type="submit" name="Submit" value="同意" onclick="location.href='http://www.php.cn'">
方法2：给按钮元素绑定点击事件，进行跳转
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<button>点点点</button>
<div></div>
<script>
var btn = document.querySelector('button')
var div = document.querySelector('div')
btn.addEventListener('click', function () {
// location.href = 'http://www.baidu.com';
var timer = 5;
setInterval(function () {
if (timer == 0) {
location.href = 'http://www.php.cn';
} else {
div.innerHTML = '你还有' + timer + '秒就可以跳转了';
timer--
}
},1000)
/* setInterval(function(){
div.innerHTML = '你还有' + timer + '秒就可以跳转了'
timer--;
},1000) */
});
</script>
</body>
</html>
【推荐学习：javascript高级教程】
以上就是javascript怎么实现按钮点击进行跳转的详细内容，更多请关注其它相关文章！
上一篇： 小程序页面间传递数据的方式
下一篇： php怎么递归删除空数组
推荐阅读
-
VisualStudio怎么实现点击网页中的按钮动态显示文本?
-
flash按钮跳转场景该怎么使用代码实现?
-
Android使用Intent的Action和Data属性实现点击按钮跳转到拨打电话和发送短信界面
-
VS2010怎么实现点击按钮自动打开EXCEL文档?
-
PyQt5 designer 页面点击按钮跳转页面实现
-
Android中使用Intent的Action和Data属性实现点击按钮跳转到拨打电话和发送短信
-
javascript - JS中在线选座 已经实现点击座位将select对应怎么反过来点击select对应座位
-
php-一个页面上几个不同的按钮。怎么样实现点击某个按钮在相同的位置上下出现不同的表
-
微信公众号开发，怎么实现在页面点击链接，跳转到公众号会话界面
-
javascript - 点击一个图片弹出文件选择进行上传，怎么做?