url分析

 

1. <body>
2.         <!--URL Uniform Resource Locator,统一资源定位符-->
3.         <a href="https://www.baidu.com/s?word=%E7%99%BE%E5%BA%A6%E7%99%BE%E7%A7%91&tn=50000021_hao_pg&ie=utf-8&sc=UWd1pgw-pA7EnHc1FMfqnHRsnjmzP1mvnWfYPzuW5y99U1Dznzu9m1Y3rH0dn10krf&ssl_sample=s_3&srcqid=1145047110338450202"></a>
4.         <script>
5.             var anchor =document.querySelector('a')
6.             console.log(anchor.hash)
7.             // protocol 协议 常见协议: http: https: ftp:
8.             // hostname 主机名 域名(www.baidu.com)
9.             // loadhost (本地主机) 计算机名(在系统设置中设置)
10.             // port 端口号 网页默认端口为80 端口号也可以使用其他数字 不能超过65535
11.             // petname 路径 如app/images
12.             // search 查询字符串(queryString)?后面的word=vaule&tn=vaule&ie=vaul......
13.
14.             // 常见的邮件地址也是URL:wangbaoqiang@qq.com
15.             // mailto://wangbaoqiang@qq.com
16.             // mailto: 发邮件的协议
17.             // wangbaoqiang:用户名
18.             // qq.com 主机名
19.
20.             // <img src="img/1.jpg">
21.             // 省略的URL 相对地址 相对路径
22.             // 1 文件名
23.             // jpg 文件扩展名
24.
25.             // 如果相对地址以字母或数字等不是'/'的字符开头 相对与当前html
26.             // 如果地址以'/'开头 也是相对地址 相对网站根目录的一个位置
27.             // /img/1.jpg 网站根目录中有一个img文件夹 img文件夹有一个1.jpg的文件
28.
29.             // 如果地址以'../'开头 也是相对地址 相对于当前html文件上一级文件
30.             // ../img/1.jpg 在当前html文件所在位置上一级文件中有一个img文件
31.
32.             // ./img/1.jpg  ./ 当前路径 可省略
33.
34.
35.             var data =window.encodeURIComponent('url结构')
36.             // 为了解决不同网站(编码不同)之间通过URL相互传值问题
37.             // 共同约定 传值时(尤其是ASCII值,如中文)统一编码为utf-8 
38.             // 使用%号16进制表示法
39.             alert(data)
40.
41.             var name =window.decodeURIComponent('%E7%99%BE%E5%BA%A6%E7%99%BE%E7%A7%91')
42.             alert(name)
43.
44.
45.         </script>
46.     </body>

URL和相对路径、URL编码

URL和相对路径、URL编码2

URL和相对路径、URL编码3