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

    javascript怎么实现点击按钮跳转页面

    青灯夜游青灯夜游2021-04-27 17:38:46原创1548

    点击按钮跳转页面的方法:首先在按钮元素中使用onclick属性绑定点击事件,规定发生点击事件时,执行myFunction()函数;然后在myFunction()函数中,定义“location.href="页面地址"”语句进行跳转。

    本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

    javascript点击按钮跳转页面的方法:

    代码示例:

    <p id="demo">点击按钮,进行页面跳转。</p>
    
    <button onclick="myFunction()">点击按钮</button>
    
    <script>
    	function myFunction() {
    		window.location.href='https://www.php.cn/';
    	}
    </script>

    效果图:

    1.gif

    【推荐学习:javascript高级教程

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

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    上一篇:javascript怎么删除元素属性 下一篇:javascript怎么删除table表格
    线上培训班

    相关文章推荐

    • javascript怎么实现页面关闭• javascript cookie怎么删除• ie怎么设置javascript• javascript数组怎么删除指定元素• javascript怎么检查字符串是否包含某个子字符串

    全部评论我要评论

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

    PHP中文网