jquery怎样实现点击跳转页面

209 阅读 0 评论 138 点赞

我是靠谱客的博主雪白夏天，这篇文章主要介绍jquery怎样实现点击跳转页面，现在分享给大家，希望可以做个参考。

本教程操作环境：windows7系统、jquery3.2.1版本、Dell G3电脑。

jquery怎样实现点击跳转页面

在jquery中，可以给按钮绑定click点击事件，使用window.location.href实现页面的跳转。

示例如下：

1、新建一个html文件，命名为test.html，用于讲解jquery如何实现点击按钮跳转页面。使用button标签创建一个按钮，用于点击跳转。设置button标签的id为testbutton，用于下面获得button对象。

2、在js标签内，通过ready()方法在页面加载完成时，执行function方法。

在function方法内，通过id获得button对象，给它绑定click点击事件，当按钮被点击时，使用window.location.href实现页面的跳转。

在浏览器打开test.html文件，点击按钮，查看结果。

点击按钮后：

总结：

1、使用button标签创建一个按钮，设置button标签的id为testbutton。

2、在js中，通过id获得button对象，给它绑定click点击事件，当按钮被点击时，使用window.location.href实现页面的跳转。

注意事项：

window.location.href支持相对路径链接，也支持绝对路径链接。

相关视频教程推荐：jQuery视频教程

以上就是jquery怎样实现点击跳转页面的详细内容，更多请关注靠谱客其它相关文章！

以上就是雪白夏天最近收集整理的关于jquery怎样实现点击跳转页面的全部内容，更多相关jquery怎样实现点击跳转页面内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。