详细解析BOM中Location对象

我就是我 2023-02-15 10:16 32阅读 0赞

## 详细解析BOM中Location对象 ##

**Location对象包含有关当前URL的信息。**

// href 返回完整的URL
        console.log(location.href);
    
        // host 返回一个URL的主机名和端口
        console.log(location.host);
        // hostname 返回URL的主机名
        console.log(location.hostname);
        // port 返回一个URL服务器使用的端口号
        console.log(location.port);
        // origin 源 返回URL的协议，主机名和端口号。
        console.log(location.origin);
        // pathname 返回的URL路径名。
        console.log(location.pathname);
        // protocol 返回一个URL协议
        console.log(location.protocol);
        // search 返回一个URL的查询部分 ?后面的内容(包含?)
        console.log(location.search);
        // hash 返回一个URL的锚部分 #后面的内容(包含#)
        console.log(location.hash);
    
        // https: //item.taobao.com/item.htm?id=619020982176&ali_refid=a3_430673_1006:1123561332:N:rvrUsViJQFAUL6P%2BVfgyjg%3D%3D:674960c3f0e5ecdc7c05fc9a71c8b920&ali_trackid=1_674960c3f0e5ecdc7c05fc9a71c8b920&spm=a2e15.8261149.07626516002.1
        // https: //item.taobao.com/item.htm?id=617893286382&ali_refid=a3_430673_1006:1124382759:N:emtiAWsF8%2Bzhhxaiwzc0Aw%3D%3D:245061a3dde641709e1761ad374ca601&ali_trackid=1_245061a3dde641709e1761ad374ca601&spm=a2e15.8261149.07626516002.2

**视频讲解链接：  
https://www.bilibili.com/video/BV1NA411B7wE/**

发表评论取消回复

表情：

评论列表（有 0 条评论，32人围观）

还没有评论，来说两句吧...

相关阅读

相关 bom对象

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

ゞ浴缸里的玫瑰/ 2023年03月12日 12:21/ 0 赞/ 33 阅读

相关详细解析BOM中Location对象

详细解析BOM中Location对象 Location对象包含有关当前URL的信息。 // href 返回完整的URL console.log(

我就是我/ 2023年02月15日 10:16/ 0 赞/ 33 阅读

相关 BOM之Location属性（对象）之页面跳转的实现

本次案例将实现 5秒后跳转页面效果：先看效果图： ![在这里插入图片描述][20201121115126737.png_pic_center] 核心思路如下：

超、凢脫俗/ 2022年12月23日 00:52/ 0 赞/ 141 阅读

相关 BOM对象

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、什么是BOM 1.window对象 2.window对象

缺乏、安全感/ 2022年11月18日 05:45/ 0 赞/ 264 阅读

相关原生JS（1）BOM，navigator，location，screen对象

（一）BOM功能： BOM：浏览器对象模型浏览器对象模型 ①弹出新浏览器窗口的功能；window.open ②移动、缩放和关闭浏览器窗口的功能； ③提供浏览器详细信

不念不忘少年蓝@/ 2022年07月19日 00:10/ 0 赞/ 136 阅读

相关 javascript的BOM对象简介，BOM消息框，javascript循环定时器，一次性定时器，javascript的location对象

8 BOM对象简述： BOM（Browser Object Model）浏览器对象模型作用：用来执行浏览器的相关操作，（例如浏览器的地址，弹出的消息等）一般情况下

爱被打了一巴掌/ 2022年06月06日 03:13/ 0 赞/ 224 阅读

相关关于BOM-window对象，history，location，document对象

BOM指的是浏览器对象模型，是JavaScript的组成之一，提供了独立于内容的，与浏览器窗口进行交互的对象模型，就是用来管理窗口与窗口之间的通信，例如弹出一个新浏览器窗口，改

比眉伴天荒/ 2022年03月25日 16:30/ 0 赞/ 313 阅读

相关 BOM编程对象

1.windows对象 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">

迷南。/ 2022年02月21日 08:19/ 0 赞/ 278 阅读

相关 JS BOM基础全局对象 window location history screen navigator

![967490-20190519204245939-1755193076.png][] ![967490-20190519204745995-1745588446.png]

爱被打了一巴掌/ 2021年11月22日 05:58/ 0 赞/ 295 阅读

相关 BOM（定时器的用法，location对象）

间歇调用（在指定的时间过后执行代码）和超时调用（每隔指定的时间就执行一次代码）。 //这种写法不推荐，容易出错，不容易扩展 setTimeout("alert('Lee

ゞ浴缸里的玫瑰/ 2021年10月01日 01:24/ 0 赞/ 273 阅读