• 技术文章 >web前端 >js教程

    javascript怎么实现按钮点击进行跳转

    青灯夜游青灯夜游2021-04-20 15:44:49原创1504

    方法: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='//m.sbmmt.com'">

    方法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 = '//m.sbmmt.com';
                    } else {
                        div.innerHTML = '你还有' + timer + '秒就可以跳转了';
                        timer--
                    }
                },1000)
                /*  setInterval(function(){
                     div.innerHTML = '你还有' + timer + '秒就可以跳转了'
                     timer--;
                 },1000) */
            });
        </script>
    </body>
    
    </html>

    【推荐学习:javascript高级教程

    以上就是javascript怎么实现按钮点击进行跳转的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:javascript 跳转
    上一篇:javascript怎么禁止缓存 下一篇:javascript可以获取input的值吗

    相关文章推荐

    • javascript中怎么去掉回车符• javascript的map方法有什么用• javascript怎么删除所有节点• javascript怎么判断是否为函数• JavaScript如何定义变量

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网