javascript怎么实现点击按钮跳转页面
程序员文章站
2022-03-12 19:00:14
...
点击按钮跳转页面的方法:首先在按钮元素中使用onclick属性绑定点击事件,规定发生点击事件时,执行myFunction()函数;然后在myFunction()函数中,定义“location.href="页面地址"”语句进行跳转。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
javascript点击按钮跳转页面的方法:
在按钮元素中绑定点击事件
发生点击事件时,使用location.href语句进行跳转
代码示例:
<p id="demo">点击按钮,进行页面跳转。</p> <button onclick="myFunction()">点击按钮</button> <script> function myFunction() { window.location.href='https://www.php.cn/'; } </script>
效果图:
【推荐学习:javascript高级教程】
以上就是javascript怎么实现点击按钮跳转页面的详细内容,更多请关注其它相关文章!
上一篇: JS中深拷贝和浅拷贝区别?
下一篇: php传值方式有哪些
推荐阅读
-
axure页面载入时自动选中按钮该怎么实现?
-
js或jquery实现点击某个按钮或元素显示div,点击页面其他任何地方隐藏div
-
HTML中button标签点击实现页面跳转
-
在PPT中制作美观的下拉式导航菜单按钮实现任意页面的跳转
-
Android Studio利用按钮实现页面跳转设置背景+获取控件内容+响应Log工具提示信息+Toast消息对话框
-
ionic 4 点击按钮跳转页面传值并刷新
-
vue中实现点击按钮滚动到页面对应位置的方法(使用c3平滑属性实现)
-
JS动态添加的div点击跳转到另一页面实现代码
-
javascript 实现页面跳转,禁止返回上一页【简记】
-
VisualStudio怎么实现点击网页中的按钮动态显示文本?