JQuery提供的location方法是一種使用方便的工具,它可以處理當前頁面的URL與HTML5的歷史記錄。本文將介紹幾種常見的location方法及其用法。
$(document).ready(function(){ //獲取當前頁面URL var currentUrl = $(location).attr('href'); console.log(currentUrl); //獲取當前頁面的協議 var currentProtocol = $(location).attr('protocol'); console.log(currentProtocol); //獲取當前頁面的主機名 var currentHost = $(location).attr('host'); console.log(currentHost); });
上面的代碼展示了如何使用JQuery的location方法去獲取頁面URL、協議、和主機名。這些方法有助于在頁面加載時獲取該頁面的一些基本信息。
//重定向到指定的URL $(location).attr('href','http://www.example.com'); //判斷頁面是否允許歷史記錄 if(window.history && window.history.pushState){ console.log('This page allows pushState'); }else{ console.log('This page does not allow pushState'); } //在瀏覽器歷史記錄中添加一條新的記錄 if(window.history && window.history.pushState){ var data = {"page":2}; var title = "Page 2"; var url = "http://www.example.com/page2"; window.history.pushState(data,title,url); }
以上代碼展示了如何使用JQuery的location方法去重定向頁面、判斷頁面是否允許歷史記錄,并在瀏覽器歷史記錄中添加一條新的記錄。這些操作都會對頁面的URL產生影響。
總之,JQuery提供的location方法使得操作頁面URL變得更加簡單和直觀。在適當地運用這些方法的基礎上,可以更好地控制頁面的流程、拓展頁面功能。