在前端開發中,跳轉頁面是經常使用的功能。jQuery 提供了非常簡便的方法來實現這一功能。
首先,我們可以使用window.location
對象來跳轉頁面。
$(document).ready(function(){ $("#button").click(function(){ window.location.; }); });
如上代碼,當點擊 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 中常見的頁面跳轉方法。