JavaScript學習5:BOM之location物件
Location是BOM物件之一,它提供了與當前視窗中載入的文件有關的資訊,還提供了一些導航功能。事實上,location物件是window物件的屬性,也是document物件的屬性:所以window.location和document.location是等效的。
鑑於這個物件的屬性方法較少,在這裡就多介紹一下:
首先來看location物件的屬性
Location物件的方法只有三個,如下圖所示
一個簡單的跳轉頁面例子
<span style="font-size:18px;">location.href='http://www.baidu.com';
alert(location.href);</span>
在web開發中,我們經常需要獲取諸如?id&search=ok這種型別的URL的鍵值對,那麼通過location物件,我們可以寫一個函式,來一一獲取。
<span style="font-size:18px;">function getArgs(){
//建立一個存放鍵值對的陣列
var args=[];
//去除?號
var qs=location.search.length>0?location.search.substring (1):'';
//按&字串拆分陣列
var items=qs.split('&');
var item =null,name=null,value=null;
//遍歷
for(var i=0;i<items;i++){
item=items[i].split('=');
name=item[0];
value=item[1];
//把鍵值對存放到陣列中去
args[name]=value;
}
return args;
}
var args=getArgs(); //呼叫函式
alert(args['id']);
alert(args['search']);</span>
關於location物件的方法就不再詳細說明了,基本都是跳轉到指定的URL,這裡就說一點,就是那個reload()方法,看如下程式碼
<span style="font-size:18px;">location.reload();
location.reload(true);</span>
這兩者的區別是在方法中傳入了一個布林值的引數,前者是最為有效的重新載入方式,但是這個頁面有可能是從快取中拿出來的,而後者則是強制載入,就是隻從伺服器源頭重新載入頁面。
至此,關於location物件的介紹就結束了,location物件主要是操作頁面的跳轉,以及對URL的內容進行相關操作和設定。
相關文章
- JavaScript 複習之 Location物件,URL物件JavaScript物件
- JavaScript location 物件JavaScript物件
- 瀏覽器中的JavaScript核心BOM(瀏覽器物件模型)重點掌握物件之Location物件的屬性與方法瀏覽器JavaScript物件模型
- javaScript事件,Bom,Dom物件JavaScript事件物件
- 保安日記:JavaScript學習第十一篇之BOMJavaScript
- JavaScript高階:JavaScript物件導向,JavaScript內建物件,JavaScript BOM,JavaScript封裝JavaScript物件封裝
- JavaScript基礎之BOM操作JavaScript
- 《JavaScript 闖關記》之 BOMJavaScript
- JavaScript 複習之Navigator物件,Screen物件JavaScript物件
- JS學習之Bom(系統彈框)JS
- JavaScript 複習之 Math 物件JavaScript物件
- JavaScript 複習之 Date 物件JavaScript物件
- JavaScript 複習之 Array 物件JavaScript物件
- JavaScript 複習之 String 物件JavaScript物件
- JavaScript 複習之 File物件JavaScript物件
- JavaScript 複習之 window物件JavaScript物件
- JavaScript 複習之 XMLHttpRequest 物件JavaScriptXMLHTTP物件
- Location物件物件
- javascript ES5 物件導向的學習總結JavaScript物件
- JS知識總結之BOM物件JS物件
- JavaScript 複習之包裝物件,Boolean物件,Number物件JavaScript物件Boolean
- JS學習之Bom(window和定時器)JS定時器
- BOM學習總結
- JavaScript物件5JavaScript物件
- JavaScript 複習之 物件的繼承JavaScript物件繼承
- javaScript之物件JavaScript物件
- JavaScript學習四(object物件,陣列,)JavaScriptObject物件陣列
- JavaScript 複習之 事件模型 和 Event物件JavaScript事件模型物件
- JavaScript DOM、BOM操作JavaScript
- javascript 筆記03(建立物件/原型模式/js 繼承/BOM)JavaScript筆記物件原型模式JS繼承
- Javascript 物件 – 數學物件JavaScript物件
- js中的BOM物件JS物件
- 什麼是BOM物件物件
- JavaScript 學習之繼承JavaScript繼承
- JavaScript之物件篇JavaScript物件
- JavaScript 複習之例項物件與 new 命令JavaScript物件
- JavaScript 複習之 Object物件的相關方法JavaScriptObject物件
- JavaScript(ECMAScript+BOM+DOM)JavaScript
- 好程式設計師web前端學習路線之Javascript物件導向程式設計師Web前端JavaScript物件