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跳转页面的方法
  • 怎样设置ul标签中单独的某一项显示不同格式
  • jquery如何实现鼠标放上div时改变其大小
  • jquery获取对象属性值的方法?
  • css如何制作搜索图标
  • Web如何使用代码片段代码管理
  • 热门搜索
    葱油拌面怎么做 岫怎么读 禅怎么读 手机怎么使用北斗导航 罹难怎么读 邛怎么读 怎么判断床上有螨虫 低血糖怎么办 为什么不能吃它们 燕麦片怎么吃