jquery跳转页面的方法

 时间:2024-11-10 22:59:40

Jquery是一个前端插件库,很多前端开发的都在使用这个库,可以大大减少我们的前端代码。用Jquery来跳转页面,你知道怎么写相关代码吗?下面我们来看下。

方法/步骤

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跳转页面的方法

怎样设置ul标签中单独的某一项显示不同格式 jquery如何实现鼠标放上div时改变其大小 jquery获取对象属性值的方法? css如何制作搜索图标 Web如何使用代码片段代码管理
热门搜索
快餐店图片 东非大裂谷图片 蚁后图片 动漫背景 幕布图片