JavaScript URL和相对路径、URL编码

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

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇