javascript怎么实现点击按钮跳转页面-木庄网络博客

2022-02-15 15:29:40 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者青灯夜游，侵删。

点击按钮跳转页面的方法：首先在按钮元素中使用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中的栈、队列操作

javascript如何输入数据

更多相关阅读请进入《javascript》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » javascript怎么实现点击按钮跳转页面

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

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论