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

举报
chenyu 发表于 2021/07/27 01:08:45 2021/07/27
【摘要】 1 问题 有一个链接里面包含了#,格式是这样的 https://域名/#*** 然后进行访问的时候,用Fiddler抓包链接分析,发现链接只有下面的了 https://域名/ 觉得很奇怪,为什么#后面的参数啥的都没有了呢?还以为这里有问题,想不通。              &nbs...

1 问题

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

https://域名/#***
 

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

https://域名/
 

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

 

 

 

 

 

 

 

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

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

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

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

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

二、http请求不包含#

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

 

 

 

 

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

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


  
  1. <html>
  2. <head>
  3. <style>
  4. .div-height{border:1px solid #F00; width:1000px; height:300px}
  5. </style>
  6. </head>
  7. <body>
  8. <div id="div1" class="div-height" >chenyu1</div>
  9. <div id="div2" class="div-height" >chenyu2</div>
  10. <div id="div3" class="div-height" >chenyu3</div>
  11. <div id="div4" class="div-height" >chenyu4</div>
  12. <div id="div5" class="div-height" >chenyu5</div>
  13. </body>
  14. </html>

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

 

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

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

文章来源: chenyu.blog.csdn.net,作者:chen.yu,版权归原作者所有,如需转载,请联系作者。

原文链接:chenyu.blog.csdn.net/article/details/89577871

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。