js bom location对象

Carson 发布于2019-08-22 18:08 / 2280人阅读

摘要：一对象获取获取服务器名称和端口号获取服务器名称和端口号获取服务器名称和端口号获取不带端口号的服务器名称获取不带端口号的服务器名称获取整个获取整个返回中的目录和或文件名返回中的目录和或文件名返回的端口号返回的端口号返回的协议返回的协议返回的查

一、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.href = "http://www.wrox.com";
location.replace("http://www.wrox.com/");
location.reload();        //重新加载（有可能从缓存中加载）
location.reload(true);    //重新加载（从服务器重新加载）

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

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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