URL里面携带了#是什么意思

简介: URL里面携带了#是什么意思

1 问题

有一个链接里面包含了#,格式是这样的


https://域名/#***

然后进行访问的时候,用Fiddler抓包链接分析,发现链接只有下面的了


https://域名/

觉得很奇怪,为什么#后面的参数啥的都没有了呢?还以为这里有问题,想不通。


2 链接里面有#是什么意思

#代表网页中的一个位置,就是该位置的标识符


一、网页位置指定标识符,有两个方法


1)是使用锚点,比如<a name="chenyu1"></a>


2 ) 使用id属性,比如<div id="chenyu" ></div>


二、http请求不包含#


#是用来指导浏览器动作的,对服务器端完全无用。所以HTTP请求中不包括#,比如我们链接里面携带#,#后面的链接内容是不会携带给服务器的。


3 本地测试链接里面携带#

我们先本地写个test.html文件,内容如下

<html>
  <head>
  <style> 
    .div-height{border:1px solid #F00; width:1000px; height:300px} 
  </style> 
  </head>
  <body>
    <div id="div1" class="div-height" >chenyu1</div>
    <div id="div2" class="div-height" >chenyu2</div>
    <div id="div3" class="div-height" >chenyu3</div>
    <div id="div4" class="div-height" >chenyu4</div>
    <div id="div5" class="div-height" >chenyu5</div>
  </body>
</html>

我们用浏览器访问下看下效果,浏览器输出的地址是:file:///D:/tv/test.html

20181016003009671.jpg

20181016003009671.jpg

接下来我们测试携带#的链接,比如file:///D:/tv/test.html#div3

20181016003009671.jpg

很明显,跳到了div3, 没毛病。



相关文章
|
小程序 前端开发 PHP
PHP实现生成小程序二维码带参数进入指定页面、小程序URL scheme实现携带数据跳转小程序
PHP实现生成小程序二维码带参数进入指定页面、小程序URL scheme实现携带数据跳转小程序
240 0
|
人工智能 移动开发 小程序
URL scheme实现携带数据打开小程序
URL scheme实现携带数据打开小程序
193 0
|
人工智能 移动开发 算法
URL scheme实现携带数据打开小程序
✨✨欢迎订阅本专栏或者关注我,大家一起努力每天一题算法题✨✨❤️❤️❤️ 最后,希望我的这篇文章能对你的有所帮助!愿自己还有你在未来的日子,保持学习,保持进步,保持热爱,奔赴山海!❤️❤️❤️。
209 0
URL scheme实现携带数据打开小程序
|
JavaScript
通过JS获取URL携带的参数
通过JS获取URL携带的参数
143 0
|
4月前
|
前端开发 JavaScript
前端JS截取url上的参数
文章介绍了两种前端JS获取URL参数的方法:手动截取封装和使用URLSearchParams。
64 0
|
5月前
|
开发框架 前端开发 .NET
Asp.net Webapi 的 Post 方法不能把参数加到 URL 中?试试这样写
Asp.net Webapi 的 Post 方法不能把参数加到 URL 中?试试这样写
|
5月前
|
Java
JAVA 获取 URL 指定参数的值
JAVA 获取 URL 指定参数的值
56 0
|
6月前
|
JavaScript 前端开发 数据格式
URL编码【详解】——Javascript对URL进行编码解码的三种方式的区别和使用场景,axios请求拦截器中对get请求的参数全部进行URL编码
URL编码【详解】——Javascript对URL进行编码解码的三种方式的区别和使用场景,axios请求拦截器中对get请求的参数全部进行URL编码
340 0
|
6月前
|
JavaScript
js 获取并解析 url 中参数的三种方法
js 获取并解析 url 中参数的三种方法
674 0