JavaScript URL和相对路径、URL编码

黄良钵

分类: 程序开发 77 0

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.             // 常见的邮件地址也是URL:wangbaoqiang@qq.com
  14.             // mailto://wangbaoqiang@qq.com
  15.             // mailto: 发邮件的协议
  16.             // wangbaoqiang:用户名
  17.             // qq.com 主机名
  18.             // <img src="img/1.jpg">
  19.             // 省略的URL 相对地址 相对路径
  20.             // 1 文件名
  21.             // jpg 文件扩展名
  22.             // 如果相对地址以字母或数字等不是'/'的字符开头 相对与当前html
  23.             // 如果地址以'/'开头 也是相对地址 相对网站根目录的一个位置
  24.             // /img/1.jpg 网站根目录中有一个img文件夹 img文件夹有一个1.jpg的文件
  25.             // 如果地址以'../'开头 也是相对地址 相对于当前html文件上一级文件
  26.             // ../img/1.jpg 在当前html文件所在位置上一级文件中有一个img文件
  27.             // ./img/1.jpg  ./ 当前路径 可省略
  28.             var data =window.encodeURIComponent('url结构')
  29.             // 为了解决不同网站(编码不同)之间通过URL相互传值问题
  30.             // 共同约定 传值时(尤其是ASCII值,如中文)统一编码为utf-8 
  31.             // 使用%号16进制表示法
  32.             alert(data)
  33.             var name =window.decodeURIComponent('%E7%99%BE%E5%BA%A6%E7%99%BE%E7%A7%91')
  34.             alert(name)
  35.         </script>
  36.     </body>

URL和相对路径、URL编码

URL和相对路径、URL编码2

URL和相对路径、URL编码3

  • 0人 Love
  • 0人 Haha
  • 0人 Wow
  • 0人 Sad
  • 0人 Angry
JavaScript、URL、URL编码、相对路径

作者简介:黄良钵

打赏

博客站长,前端开发工程师

共 0 条评论关于 “JavaScript URL和相对路径、URL编码”

Loading...