(19条消息) URL 链接中 #、?、连接符& 分别有什么作用？

在一个 URL 中可以包含很多的内容，其中不仅仅是包含 26 个英文字母，10 个罗马数字，中文汉字，还可以拥有井号“#”、问号“？”、连接符“&”等三种最常见的符号，那么这些符号在网站中都有哪些作用呢？

文章目录

    • 一、井号

    • 二、问号

    • 三、连接

一、井号

#，井号：表示网页中的一个位置，被称之为锚点，常用于某个网页间不同位置的跳转，简单的说就是在一个网页中，URL 不变的情况下，通过添加“#buy”的字符在 URL 最后可以跳转到当前网页中已经定义好的锚点（id=“buy”）位置；
同样#的改变也会增加浏览器的历史记录，也就是说我们可以通过“后退”按钮回到上一个位置，而熟悉网页开发的朋友们可能也会用于 ajax 的一些操作中，以此来实现不同的访问状态和改变页面访问内容，从而也可以实现那种无刷新载入的效果。

例如：https://zhan.leiue.com/fanly-mip.html#buy （访问该链接就可以直接跳转到 Fanly MIP 主题页面的购买位置哦）

二、问号

?，问号：常用于动态网站，实现不同的参数值而生成不同的页面或者返回不同的结果，
例如 WordPress 的动态链接就是/?p=ID，其中的 p 就表示 post 文章，ID 就表示文章的 ID，从而可以通过文章的 ID 来访问不同的文章。
当然我们还常用的就是通过问号+任意参数来实现页面的刷新，从而获得最新的页面或者缓存的刷新

例如：https://i.leiue.com/avatar/?size=100 （访问该链接就可以获得泪雪用户中心默认的用户头像，并且其 size 就是图像像素大小，所以就会是一个 100px 的头像显示）

三、连接

&，连接符：既然被叫做是链接符号，那就是连接的作用，也可以说是不同参数的间隔符，一般与问号结合使用，一个动态 URL 链接中以问号开始第一个参数，同&连接符来串联多个参数和值。

例如：https://i.leiue.com/avatar/?size=100&time=20171120 （还是以泪雪个人中心的头像举例，因为头像是有缓存功能的，如果用户修改了头像后，访问原来的地址可能就会存在头像未修改的情况，那么我们在保证要获得 100px 大小的头像并且要刷新缓存就可以使用连接符&多添加一个任意的参数，以此来获取最新的头像）

赞 (0)

相关推荐