jQuery怎么跳转页面?

Jquery是一个前端js库,很多前端开发的都在使用这个库,可以大大减少我们的前端代码。

jQuery怎么跳转页面?

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

Snipaste_2020-01-02_15-42-00.jpg-600

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

Snipaste_2020-01-02_15-42-09.jpg-600

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

Snipaste_2020-01-02_15-42-15.jpg-600

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

Snipaste_2020-01-02_15-42-22.jpg-600

5、既然有对象,有属性,我们用jquery来也很清楚怎么写代码了。

Snipaste_2020-01-02_15-42-28.jpg-600

6、通过jquery操作location对象,并调用attr方法,把href属性赋值为新的url地址就行了,代码如图。

Snipaste_2020-01-02_15-42-37.jpg-600

运行页面,点击上面的‘跳转’按钮。

(注意现在是在页面A里)

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

Snipaste_2020-01-02_15-42-43.jpg-600

本文来自jQuery答疑栏目,欢迎学习!

以上就是jQuery怎么跳转页面?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » jQuery 答疑