• JavaScript 中 Location 对象介绍

    目录

    Location 对象

     Location 对象属性

    Location 对象方法

    Location 对象方法 细解

    1 window.loction.href

    语法：

    说明：

    举例：

    2  window.location.search

    3  window.location.hash

    4  navigator对象。

    语法：

    举例：

    分析：

    Location 对象

    • Location 对象包含有关当前 URL 的信息。
    • Location 对象是 window 对象的一部分，可通过 window.location.xxx 格式的相关属性对其进行访问。
    • 注意： 没有应用于Location对象的公开标准，不过所有浏览器都支持该对象。

     Location 对象属性

    hash返回一个URL的锚部分
    host返回一个URL的主机名和端口
    hostname返回URL的主机名
    href返回完整的URL
    pathname返回的URL路径名。
    port返回一个URL服务器使用的端口号
    protocol返回一个URL协议
    search返回一个URL的查询部分

    Location 对象方法

    assign()载入一个新的文档
    reload()重新载入当前文档
    replace()用新的文档替换当前文档

    Location 对象方法 细解

    在JavaScript中，我们可以使用window对象下的location子对象来操作当前窗口的UR.所谓URL，指的就是页面地址。

    • href                 当前页面地址
    • search            当前页面地址“？”后面的内容
    • hash               当前页面地址“#”后面的内容

    1 window.loction.href


    在JavaScript中，我们可以使用location对象的href属性来获取或设置当前页面的地址

    语法：

    window.location.href

    说明：

    window.location.href可以直接简写为location.href，不过我们一般都习惯加上window前缀

    举例：

    1. html>
    2. <html>
    3.       <head>
    4.             <meta charset="UTF-8">
    5.             <title>title>
    6.       head>     
    7.       <script>
    8.             setTimeout(function() {
    9.                   window.location.href="http://www.chmusk.top";
    10.             },2000);
    11.       script>
    12. <body>      
    13.       <p> 2秒后跳转p>
    14. body>
    15. html>

    2  window.location.search

    在JavaScript中，我们可以使用location对象的search属性来获取和设置当前页面的地址“？”后面的内容。

    3  window.location.hash

    在JavaScript中，我们可以使用location对象的hash属性来获取和设置当前页面地址“#”后面的内容。#一般用于锚点链接。

    4  navigator对象。

    在JavaScript中，我们可以使用window对象下的子对象navigator来获取浏览器的类型

    语法：

    window.navigator.userAgent

    举例：

    1. html>
    2. <html>
    3.         <head>
    4.                 <meta charset="UTF-8">
    5.                 <title>title>
    6.         head>       
    7.         <script>
    8.                 if(window.navigator.userAgent.indexOf("MSIE")!=-1){
    9.                         alert("这是IE");
    10.                 }
    11.                 else if(window.navigator.userAgent.indexOf("Edge"!=-1)){
    12.                         alert("这是Edge");
    13.                 }
    14.                 else if(window.navigator.userAgent.indexOf("Firefox")!=-1)
    15.                 {
    16.                         alert("这是Firefox");
    17.                 }
    18.                 document.write(window.navigator.userAgent);
    19.         script>
    20.  
    21. <body>    
    22.         
    23. body>
    24. html>

    分析：

    • indexOf()方法用于找出“某个字符串”在字符中首次出现的位置，
    • 如果找不到就返回-1.
    • 判断浏览器类型也是经常用到的，特别是在处理不同浏览器兼容性上，我们就根据浏览器类型来加载对应的JavaScript处理代码。
  • 相关阅读:
    四维轻云平台倾斜模型三种加载方式及单体化操作介绍
    计算机丢失msvcp140_1.dll的解决办法，丢失msvcp140_1.dll的原因
    JS之instanceof方法手写
    前端跨界面之间的通信解决方案
    QComboBox
    SSH在线考试系统
    5.10如何调度考生的座位
    华为云桌面Workspace，让云上工作更高效
    2019年1+X 证书 Web 前端开发中级理论考试题目原题+答案——第五套
    城市易涝点怎么安装万宾科技内涝积水监测仪？
  • 原文地址：https://blog.csdn.net/qq_53414724/article/details/127989346