在前端开发中,跳转页面是经常使用的功能。jQuery 提供了非常简便的方法来实现这一功能。

首先,我们可以使用window.location对象来跳转页面。

$(document).ready(function(){$("#button").click(function(){window.location.href = "http://www.example.com";});});

如上代码,当点击 ID 为 button 的元素时,浏览器会跳转到指定的 URL 页面。

另外,还可以使用window.location.replace()方法来完成页面跳转,这个方法会替换当前浏览器历史记录中的当前页面,不能返回到前一个页面。

$(document).ready(function(){$("#button").click(function(){window.location.replace("http://www.example.com");});});

我们还可以使用window.location.assign()window.location.reload()方法来完成页面跳转和刷新。其中,window.location.assign()方法可以用于在当前窗口中打开新的 URL,而window.location.reload()方法可以用于刷新当前页面。

$(document).ready(function(){$("#button1").click(function(){window.location.assign("http://www.example.com");});$("#button2").click(function(){window.location.reload();});});

以上就是 jQuery 中常见的页面跳转方法。

jquery里跳转页面跳转页面跳转