在jquery中 ， 可以给按钮绑定click点击事件 ， 使用window.location.href实现页面的跳转 。 下面小编举例讲解jquery如何实现点击按钮跳转页面 。
文章插图
需要这些哦
html+jquery
代码编纂器：z studio 10.0
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解jquery若何实现点击按钮跳转页面 。
文章插图
2【jquery如何实现点击按钮跳转页面】在test.html文件内 ， 利用button标签建立一个按钮 ， 用于点击跳转 。
文章插图
3在test.html文件内 ， 设置button标签的id为testbutton ， 用于下面获得button对象 。
文章插图
4在js标签内 ， 经由过程ready()方式在页面加载完当作时 ， 执行function方式 。
文章插图
5在function方式内 ， 经由过程id获得button对象 ， 给它绑定click点击事务 ， 当按钮被点击时 ， 利用window.location.href实现页面的跳转 。
文章插图
6在浏览器打开test.html文件 ， 点击按钮 ， 查看成果 。
文章插图
文章插图
总结：11、利用button标签建立一个按钮 ， 设置button标签的id为testbutton 。
2、在js中 ， 经由过程id获得button对象 ， 给它绑定click点击事务 ， 当按钮被点击时 ， 利用window.location.href实现页面的跳转 。
注重事项window.location.href撑持相对路径链接 ， 也撑持绝对路径链接 。
以上内容就是jquery如何实现点击按钮跳转页面的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- wpsPPT中如何制作胶囊型封面
- wpsPPT中如何制作彩色水墨效果文字
- 无需任何工具 如何将B站视频缓存到电脑上
- div+css如何把图片设为背景
- 如何正确使用空中信使校园 1 公里社交 App
- 电脑qq如何设置拒绝所有临时会话？
- 如何批量更改图片清晰度？
- 如何将自己的视频上传到优酷？
- 非洲猪瘟是什么，传染人吗，如何预防
- 抖音如何使用同款道具 抖音怎么使用同款特效