JS基礎知識梳理 location 物件

2022-03-29 00:58:19 字數 1291 閱讀 5626

(一) 簡介

location物件是乙個較為特別的物件,既是window物件的屬性也是document物件的屬性。location物件的用處不僅僅表現在儲存著當前文件的資訊,還能將url解析成獨立的片段。

location.port;//

返回當前伺服器的埠號,如果不存在,返回空值

location.hostname;//

僅僅返回伺服器名稱

location.host;//

返回伺服器的名稱還有埠號(如果存在的話)

location.href;//

返回當前頁面的完整位址==location.tostring()

location.pathname;//

返回url中的目錄和檔名稱

location.protocol;//

返回當前頁使用的協議型別。http||https

location.search;//

返回url的查詢字串,以問好開頭

(二) 方法

1:使用assign(strurl);立即開啟新的strurl,並在瀏覽器中生成一條記錄。如果將location.href 或者 window.location設定成strurl,也會呼叫assign()方法

location.assign("");

//等價於↓↓↓↓

window.location = "";

//等價於↓↓↓↓

location.href = "";

2:修改location物件的屬性也可以改變當前載入的頁面

//

假設初始url為 /demo

//將url修改為 /demo/#sectiona

location.hash = "#sectiona";

//將url修改為 /?q=name

location.search = "?q=name";

//將url修改為

//將url修改為 /index

location.pathname = 'index';

//將url修改為 :8080/index

location.port = '8080';

3:當通過上述的任何一種方式修改url的時候,瀏覽器歷史記錄中就會產生一條新的記錄,使用者可以通過點選「後退」導航的前乙個頁面。要禁止這種行為,可以使用replace(strurl)方法。只接受乙個要開啟的url字串,瀏覽器的位置會變,但是不再能回到前乙個頁面。

JS基礎知識點梳理

1.資料型別 ecmascript有五種簡單 基本 資料型別,分別是undefined,null,boolean,number,string,還有一種複雜資料型別object。物件可以理解成一組資料和功能的集合。可以通過new object 方法來建立。js不支援自己建立資料型別。鑑於資料型別是鬆散...

IP基礎知識梳理

離開學校後看書少了很多,發現掌握的ip知識不是很牢,所以在這裡也稍稍梳理下,感覺語言也沒書本上詳盡 完全是筆記形式,望讀者勿噴 ip層 網路層也叫internet層,負責將分組報文從源端傳送到目的端。作用 tcp ip模型 參考 即整個網路上傳送的二進位制資料總結為如下格式 後的鏈路配置為trunk...

jQuery基礎知識梳理

語法 jquery語法是為html元素的選取編制的,可以對元素執行某些操作。基礎語法 selector action 美元符號定義jquery 選擇符 selector 查詢 和 查詢 html元素 jquery的action 執行對元素的操作 文件就緒函式 為防止文件在完全載入之前裕興jquery...