JS location常用属性和方法.

发布时间:2024年01月02日

(一).什么是location.

window.location方法获取URL

统一资源定位符 (Uniform Resource Locator, URL)

完整的URL由这几个部分构成:

scheme://host:port/path?query#fragment

scheme:通信协议

常用的http,ftp,maito等

host:主机

服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。

port:端口号

整数,可选,省略时使用方案的默认端口,如http的默认端口为80。

(二).location对象概述

location对象存储当前页面与位置(URL)相关的信息,表示当前显示文档的Web地址。使用window对象的location属性可以访问。

location对象定义了8个属性,其中7个属性分别指向当前URL的各部分信息,另一个属性(href)博阿寒了完整的URL信息,详细说明如下表:

属性表格
href声明了当前显示文档的完整URL,与其他location属性只声明部分URL不同,把该属性设置为新的URL会使浏览器读取并显示新的URL的内容
protocol声明了URL的协议部分,包括后缀的冒号。例如:http:
host声明了当前URL中的主机名和端口部分。例如:www.baidu.com:80
hostname声明了当前URL中的主机名。例如:www.baidu.com
port声明了当前URL中的端口部分。例如:80
pathname声明了当前URL中的路径部分。例如:news/index.jsp
search声明了当前URL的查询部分,包括前导问号。例如:?id=123&password=xxxx
hash声明了当前URL中锚的部分,包括前导符(#)。例如:#top,指定在文档中锚点的名称

(三).location常用属性和方法

以下是JS中常见的location属性和方法:

  1. location.href:获取或设置当前页面的URL。
console.log(location.href); // 输出当前页面的URL
location.href = "https://www.example.com"; // 跳转到指定URL

2.location.protocol:获取当前页面的协议。

console.log(location.protocol); // 输出当前页面的协议,例如:http:

3.location.host:获取当前页面的主机名和端口号。

console.log(location.host); // 输出当前页面的主机名和端口号,例如:www.example.com:8080

4.location.hostname:获取当前页面的主机名。

以下是JS中常见的location属性和方法:

    location.href:获取或设置当前页面的URL。

console.log(location.href); // 输出当前页面的URL
location.href = "https://www.example.com"; // 跳转到指定URL

    location.protocol:获取当前页面的协议。

console.log(location.protocol); // 输出当前页面的协议,例如:http:

    location.host:获取当前页面的主机名和端口号。

console.log(location.host); // 输出当前页面的主机名和端口号,例如:www.example.com:8080

    location.hostname:获取当前页面的主机名。

console.log(location.hostname); // 输出当前页面的主机名,例如:www.example.com

🍋最后🍋

总结不易,希望小宝们不要嫌弃哦!😀

文章来源:https://blog.csdn.net/2301_78753262/article/details/135333416
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。