URL详解 window.location的一系列方法

简介: 一、URL是什么  有哪些组成 首先URL是通过window.location获取的  统一资源定位符 (Uniform Resource Locator, URL)    完整的URL由这几个部分构成:    scheme://host:port/path?query#fragment    scheme:通信协议   

一、URL是什么  有哪些组成

首先URL是通过window.location获取的

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


   完整的URL由这几个部分构成:
   scheme://host:port/path?query#fragment


   scheme:通信协议


   常用的http,ftp,maito等
   host:主机
   服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。


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


   path:路径
   由零或多个"/"符号隔开的字符串,一般用来表示主机上的一个目录或文件地址。


   query:查询
   可选,用于给动态网页(如使用CGI、ISAPI、PHP/JSP/ASP/ASP.NET等技术制作的网页)传递参数,可有多个参数,用"&"符号隔开,

每个参数的名和值用"="符号隔开。


    fragment:信息片断
   字符串,用于指定网络资源中的片断。例如一个网页中有多个名词解释,可使用fragment直接定位到某一名词解释。(也称为锚点.)


例子: http://www.home.com:8080/windows/location/page.html?ver=1.0&id=timlq#love

  1, window.location.href
  整个URl字符串(在浏览器中就是完整的地址栏)
  返回值:http://www.home.com:8080/windows/location/page.html?ver=1.0&id=timlq#love


  2,window.location.protocol
  URL 的协议部分
  返回值:http:


  3,window.location.host( 这里要注意window.location.host返回值是带端口的,而window.location.hostname是不带端口的
  URL 的主机部分,
  返回值:www.home.com 看下图


  4,window.location.port
  URL 的端口部分。如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符。
  本例返回值:8080


  5,window.location.pathname
  URL 的路径部分(就是文件地址)
  返回值:/windows/location/page.html


  6,window.location.search
  查询(参数)部分。除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值
  返回值:?ver=1.0&id=timlq


  7,window.location.hash
  锚点
  返回值:#love


目录
相关文章
|
6月前
|
前端开发 JavaScript
前端知识(十)———JavaScript 使用URL跳转传递数组对象数据类型的方法
前端知识(十)———JavaScript 使用URL跳转传递数组对象数据类型的方法
124 0
|
XML JSON 缓存
Java实现根据商品短连接(真实URL)获取1688商品详情用数据API方法
Java实现根据商品短连接(真实URL)获取1688商品详情用数据API方法
|
21天前
|
JavaScript
vue封装一个查询URL参数方法
通过以上步骤,我们在Vue.js项目中封装了一个查询URL参数的方法 `getQueryParam`,并在Vue组件中成功应用。这种封装方式不仅提高了代码的复用性,还使得代码更加清晰和易于维护。
12 1
|
22天前
|
JavaScript
vue封装一个查询URL参数方法
通过以上步骤,我们在Vue.js项目中封装了一个查询URL参数的方法 `getQueryParam`,并在Vue组件中成功应用。这种封装方式不仅提高了代码的复用性,还使得代码更加清晰和易于维护。
12 1
|
20天前
|
Java Spring
JAVA获取重定向地址URL的两种方法
【10月更文挑战第17天】本文介绍了两种在Java中获取HTTP响应头中的Location字段的方法:一种是使用HttpURLConnection,另一种是使用Spring的RestTemplate。通过设置连接超时和禁用自动重定向,确保请求按预期执行。此外,还提供了一个自定义的`NoRedirectSimpleClientHttpRequestFactory`类,用于禁用RestTemplate的自动重定向功能。
|
2月前
|
安全 Java API
Java根据URL获取文件内容的实现方法
此示例展示了如何安全、有效地根据URL获取文件内容。它不仅展现了处理网络资源的基本技巧,还体现了良好的异常处理实践。在实际开发中,根据项目需求,你可能还需要添加额外的功能,如设置连接超时、处理HTTP响应码等。
301 4
|
3月前
|
开发框架 前端开发 .NET
Asp.net Webapi 的 Post 方法不能把参数加到 URL 中?试试这样写
Asp.net Webapi 的 Post 方法不能把参数加到 URL 中?试试这样写
|
5月前
|
域名解析 存储 缓存
HTTP请求流程概览:浏览器构建请求行含方法、URL和版本;检查缓存;解析IP与端口
【6月更文挑战第23天】 HTTP请求流程概览:浏览器构建请求行含方法、URL和版本;检查缓存;解析IP与端口;TCP连接(HTTP/1.1可能需排队);三次握手;发送请求头与体;服务器处理并返回响应;TCP连接可能关闭或保持;浏览器接收并显示响应,更新缓存。HTTP版本间有差异。
90 5
|
4月前
|
JavaScript
js 获取并解析 url 中参数的三种方法
js 获取并解析 url 中参数的三种方法
441 0
|
6月前
|
JavaScript 前端开发
javascript获取url信息的常见方法
javascript获取url信息的常见方法
78 2