jquery跳转页面的方法

2025-03-13 07:31:21

1、使用Jquery来写JS脚本代码,所以需要在页面里先引入脚本库文件。

jquery跳转页面的方法

2、html很简单,一个按钮,用来触发跳转的,并且注意的是当前页面是叫‘页面A’的。

jquery跳转页面的方法

3、然后编写JS脚本逻辑,为跳转按钮添加一个点击事件。

jquery跳转页面的方法

4、我们知道在原生的js里,我们做跳转是用window对象里的location属性来处理的,window.location.href = “abc.html"

jquery跳转页面的方法

5、既然有对象,有属性,我们用jquery来也很清楚怎么写代码了。通过jquery操作location对象,并调用attr方法,把href属性赋值为新的url地址就行了,代码如图。

jquery跳转页面的方法

6、运行页面,点击上面的‘跳转’按钮。(注意现在是在页面A里)

jquery跳转页面的方法

7、点击后,就成功跳转到新的页面里了,(页面B)

jquery跳转页面的方法
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢