成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

js bom location對(duì)象

Carson / 2281人閱讀

摘要：一對(duì)象獲取獲取服務(wù)器名稱和端口號(hào)獲取服務(wù)器名稱和端口號(hào)獲取服務(wù)器名稱和端口號(hào)獲取不帶端口號(hào)的服務(wù)器名稱獲取不帶端口號(hào)的服務(wù)器名稱獲取整個(gè)獲取整個(gè)返回中的目錄和或文件名返回中的目錄和或文件名返回的端口號(hào)返回的端口號(hào)返回的協(xié)議返回的協(xié)議返回的查

一、location對(duì)象 
http://localhost:8881/javascript/BOM/window.html?name=bob&age=123

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

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

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

console.log("獲取整個(gè)url href:", window.location.href);
// 獲取整個(gè)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的端口號(hào)", window.location.port);
// 返回url的端口號(hào) 8881

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

console.log("返回URL的查詢字符串 這個(gè)字符串以問(wèn)號(hào)開頭 search", window.location.search);
// 返回URL的查詢字符串 這個(gè)字符串以問(wèn)號(hào)開頭 search ?name=bob&age=123
二、查詢字符串參數(shù) 
function getQueryStringArgs() {

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

        //保存數(shù)據(jù)的對(duì)象
        args = {},

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

        //在for循環(huán)中使用
        i = 0,
        len = items.length;

    //逐個(gè)將每一項(xiàng)添加到args對(duì)象中
    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"}
三、位置修改 
//假設(shè)初始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);    //重新加載（從服務(wù)器重新加載）

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/95537.html

相關(guān)文章

  • 簡(jiǎn)簡(jiǎn)單單認(rèn)識(shí)js里的Bom對(duì)象

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

    CoffeX 評(píng)論0 收藏0

  • bom基礎(chǔ)

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

    shusen 評(píng)論0 收藏0

  • JS進(jìn)階 - JS 、JS-Web-API與DOM、BOM

    摘要：與常說(shuō)的瀏覽器執(zhí)行的有兩部分基礎(chǔ)語(yǔ)法標(biāo)準(zhǔn)規(guī)定基礎(chǔ)語(yǔ)法，包括類型變量原型作用域異步標(biāo)準(zhǔn)定義用于瀏覽器中操作頁(yè)面的和全局變量，規(guī)定瀏覽器讓開發(fā)者做的事情，沒(méi)有規(guī)定相關(guān)基礎(chǔ)語(yǔ)法瀏覽器運(yùn)行既要遵循標(biāo)準(zhǔn)又要遵循標(biāo)準(zhǔn)知識(shí)補(bǔ)充內(nèi)置全局函數(shù)和對(duì)象全 1.JS 與 JS-Web-API 常說(shuō)的JS（瀏覽器執(zhí)行的JS）有兩部分： (1) JS基礎(chǔ)語(yǔ)法：ECMA 262 標(biāo)準(zhǔn)（規(guī)定基礎(chǔ)語(yǔ)法，包括類型變量、...

    Developer 評(píng)論0 收藏0

  • js中的bom對(duì)象

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

    dailybird 評(píng)論0 收藏0

  • 溫故js系列（11）-BOM

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

    xorpay 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<