js bom location對象

Carson 發布于2019-08-22 18:08 / 2273人閱讀

摘要：一對象獲取獲取服務器名稱和端口號獲取服務器名稱和端口號獲取服務器名稱和端口號獲取不帶端口號的服務器名稱獲取不帶端口號的服務器名稱獲取整個獲取整個返回中的目錄和或文件名返回中的目錄和或文件名返回的端口號返回的端口號返回的協議返回的協議返回的查

一、location對象

http://localhost:8881/javascript/BOM/window.html?name=bob&age=123

console.log("獲取hash:", window.location.hash);
// 獲取服務器名稱和端口號host: localhost:8881

console.log("獲取服務器名稱和端口號host:", window.location.host);
// 獲取服務器名稱和端口號host: localhost:8881

console.log("獲取不帶端口號的服務器名稱hostname:", window.location.hostname);
// 獲取不帶端口號的服務器名稱hostname: localhost

console.log("獲取整個url href:", window.location.href);
// 獲取整個url href: http://localhost:8881/javascript/BOM/window.html?name=bob&age=123

console.log("返回URL中的目錄和（或）文件名pathname", window.location.pathname);
// 返回URL中的目錄和（或）文件名pathname /javascript/BOM/window.html

console.log("返回url的端口號", window.location.port);
// 返回url的端口號 8881

console.log("返回url的協議 protocol", window.location.protocol);
// 返回url的協議 protocol http:

console.log("返回URL的查詢字符串 這個字符串以問號開頭 search", window.location.search);
// 返回URL的查詢字符串 這個字符串以問號開頭 search ?name=bob&age=123

二、查詢字符串參數

function getQueryStringArgs() {

    //取得查詢字符串并去掉開頭的問號
    var qs = (location.search.length > 0 ? location.search.substring(1) : ""),

        //保存數據的對象
        args = {},

        //取得每一項
        items = qs.length ? qs.split("&") : [],
        item = null,
        name = null,
        value = null,

        //在for循環中使用
        i = 0,
        len = items.length;

    //逐個將每一項添加到args對象中
    for (i = 0; i < len; i++) {
        item = items[i].split("=");
        name = decodeURIComponent(item[0]);
        value = decodeURIComponent(item[1]);

        if (name.length) {
            args[name] = value;
        }
    }

    return args;
}

console.log(getQueryStringArgs()); // {name: "bob", age: "123"}

三、位置修改

//假設初始URL為http://www.wrox.com/WileyCDA/

//將URL修改為"http://www.wrox.com/WileyCDA/#section1"
location.hash = "#section1";

//將URL修改為"http://www.wrox.com/WileyCDA/?q=javascript"
location.search = "?q=javascript";

//將URL修改為"http://www.yahoo.com/WileyCDA/"
location.hostname = "www.yahoo.com";

//將URL修改為"http://www.yahoo.com/mydir/"
location.pathname = "mydir";

//將URL修改為"http://www.yahoo.com:8080/WileyCDA/"
location.port = 8080;

四、加載

location.assign("http://www.wrox.com");
location.;
location.replace("http://www.wrox.com/");
location.reload();        //重新加載（有可能從緩存中加載）
location.reload(true);    //重新加載（從服務器重新加載）

GPU云服務器云服務器 Locator Location BOM locate

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/95537.html

簡簡單單認識js里的Bom對象

摘要：里面的對象是什么是瀏覽器對象，全拼為都有什么對象是中的頂級對象，所有定義在全局作用域中的變量函數都會變成對象的屬性和方法，在調用的時候可以省略。 js里面的Bom對象 showImg(https://segmentfault.com/img/remote/1460000010691602); Bom是什么？ Bom是瀏覽器對象，全拼為Browser Object Model Bom都有...

CoffeX 2019-08-20 18:53 評論0 收藏0
bom基礎

摘要：里面的對象什么是是瀏覽器對象，全拼為瀏覽器對象模型是的縮寫，簡稱瀏覽器對象模型提供了獨立于內容而與瀏覽器窗口進行交互的對象由于主要用于管理窗口與窗口之間的通訊，因此其核心對象是由一系列相關的對象構成，并且每個對象都提供了很多方法與屬性缺乏標 js里面的Bom對象什么是Bom Bom是瀏覽器對象，全拼為（Browser Object Model）瀏覽器對象模型 BOM是browser...

shusen 2019-08-20 18:54 評論0 收藏0
JS進階 - JS 、JS-Web-API與DOM、BOM

摘要：與常說的瀏覽器執行的有兩部分基礎語法標準規定基礎語法，包括類型變量原型作用域異步標準定義用于瀏覽器中操作頁面的和全局變量，規定瀏覽器讓開發者做的事情，沒有規定相關基礎語法瀏覽器運行既要遵循標準又要遵循標準知識補充內置全局函數和對象全 1.JS 與 JS-Web-API 常說的JS（瀏覽器執行的JS）有兩部分： (1) JS基礎語法：ECMA 262 標準（規定基礎語法，包括類型變量、...

Developer 2019-08-22 17:23 評論0 收藏0
js中的bom對象

摘要：在瀏覽器中，對象有雙重角色，它既是通過訪問瀏覽器窗口的一個接口，又是規定的對象。在集合中，可以通過數值索引從開始，從左至右，從上到下或者框架名稱來訪問相應的對象。 ECMAScript 是JavaScript 的核心，但如果要在Web 中使用JavaScript，那么BOM（瀏覽器對象模型）則無疑才是真正的核心。BOM 提供了很多對象，用于訪問瀏覽器的功能，這些功能與任何網頁內容無關....

dailybird 2019-08-21 10:44 評論0 收藏0
溫故js系列（11）-BOM

摘要：確定和取消彈框，按確定返回，按取消或者關閉按鈕返回。官方瀏覽器名返回所使用瀏覽器的名稱。對象有一個屬性，表示對象中的記錄數。屬性描述屏幕的寬度屏幕的高度窗口可以使用的屏幕的寬度窗口可以使用的屏幕的高度對象見溫故系列前端學習：教程&開發模塊化/規范化/工程化/優化&工具/調試&值得關注的博客/Git&面試-前端資源匯總歡迎提issues斧正：BOM JavaScript-BOM BO...

xorpay 2019-08-20 10:34 評論0 收藏0