在前端开发中,跳转页面是经常使用的功能。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 中常见的页面跳转方法。