jquery跳转页面的方法:首先在页面里引入jquery文件;然后创建一个按钮,用来触发跳转;接着为跳转按钮添加一个点击事件;最后通过jquery操作location对象,并调用attr方法,把href属性赋值为新的url地址即可。
操作环境:宏基s40-51、windows10 家庭中文版、jquery1.8.3&&hbuilderx.3.0.5
推荐:《jquery视频教程》
jquery跳转页面
首先需要在页面里先引入脚本库文件。
然后创建一个html示例文件test,并且创建一个按钮,用来触发跳转的,注意当前页面是叫‘页面A’的。然后编写JS脚本逻辑,为跳转按钮添加一个点击事件。我们知道在原生的js里,我们做跳转是用window对象里的location属性来处理的,window.location.href = “abc.html”
通过jquery操作location对象,并调用attr方法,把href属性赋值为新的url地址就行了。
test完整代码:
nbsp;html>Title 这是页面A
$(document).ready(function () { $(".btn").click(function () { $(location).attr("href","testb.html") }) })
登录后复制
运行页面,点击上面的‘跳转’按钮。
(注意现在是在页面A里)
点击后,就成功跳转到新的页面里了,(testb)
testb代码如:
nbsp;html>Title 这是页面B
登录后复制
更多计算机编程相关知识,请访问:编程教学!!
以上就是jquery怎么跳转页面的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2718258.html