jquery跳转页面的方法

时间:2024-10-12 03:27:06

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跳转页面的方法
© 手抄报圈