获取地址栏url以及url参数

ky0ncheng 发布于2019-08-20 18:56 / 2670人阅读

摘要：我们可以用获得其中的各个部分以为例整个字符串在浏览器中就是完整的地址栏的协议部分本例返回值的主机部分本例返回值的端口部分如果采用默认的端口即使添加了，那么返回值并不是默认的而是空字符本例返回值的路径部分就是文件地址本例返回值查询参数部分除了

我们可以用javascript获得其中的各个部分
以 http://tieba.baidu.com/f/index/forumpark?pcn=%E7%94%B5%E5%BD%B1&pci=0&ct=1&rn=20&pn=1#aaaa 为例

1, window.location.href
整个URl字符串(在浏览器中就是完整的地址栏)

2,window.location.protocol
URL 的协议部分
本例返回值:http:

3,window.location.host
URL 的主机部分
本例返回值:tieba.baidu.com

4,window.location.port
URL 的端口部分
如果采用默认的80端口(update:即使添加了:80)，那么返回值并不是默认的80而是空字符
本例返回值:""

5,window.location.pathname
URL 的路径部分(就是文件地址)
本例返回值:/f/index/forumpark

6,window.location.search
查询(参数)部分
除了给动态语言赋值以外，我们同样可以给静态页面,并使用JavaScript来获得相信应的参数值
本例返回值:?pcn=电影&pci=0&ct=1&rn=20&pn=1

7,window.location.hash
锚点
本例返回值:#aaaa

云服务器 GPU云服务器地址栏URL url参数 url参数乱码 url参数值

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/84907.html

js 地址的封装以及地址栏的参数获取

摘要：例如传入字符串，数组，返回索引传入对象，返回对象的好了了解了下面我们就可以进行地址与对象的拼接了地址与对象拼接的代码地址的参数取值代码第一种方法传统字符串转对象第二种方法正则调用方法有时候我们封装一个ajax的get的方法需要把对象拼接到地址上面，这里我介绍一个Object.keys，这是一个非常好用对象属性。例如说 const url = http://127.0.0.1:4000...

firim 2019-08-21 11:29 评论0 收藏0
关于地址栏url的一些小结

摘要：获取整个地址栏地址获取整个地址栏地址以上代码就是获取整个地址获取协议部分获取协议部分如果为，则就是获取主机部分获取主机部分带端口号如果为，或者地址为则为如果有端口号，端口号也是要带上的获取主机部分不带端口号地址为则为获取端口号获取端口号地址 1.获取整个地址栏地址 //获取整个地址栏地址 var href = window.location.href; conso...

whidy 2019-08-21 17:50 评论0 收藏0
关于地址栏url的一些小结

摘要：获取整个地址栏地址获取整个地址栏地址以上代码就是获取整个地址获取协议部分获取协议部分如果为，则就是获取主机部分获取主机部分带端口号如果为，或者地址为则为如果有端口号，端口号也是要带上的获取主机部分不带端口号地址为则为获取端口号获取端口号地址 1.获取整个地址栏地址 //获取整个地址栏地址 var href = window.location.href; conso...

BenCHou 2019-08-02 15:59 评论0 收藏0
history和hash，vue-router

摘要：另外该事件只针对同一个文档，如果浏览历史的切换，导致加载不同的文档，该事件不会被触发使用的时候，可以为事件指定回调函数或者回调函数的参数是一个事件对象，它的属性指向和方法为当前所提供的状态对象即这两个方法的第一个参数。 history window.history(可直接写成history)指向History对象，它表示当前窗口的浏览历史。History对象保存了当前窗口访问过的所有页...

godiscoder 2019-08-23 18:07 评论0 收藏0
封装一个方法：把URL参数解析为一个对象，来获取地址栏url里面的传递的参数。

URL参数解析 //获取url方法 //window.location.href // function getUrlkey(url){ var params = {}, arr = url.split(?); if (arr.length

lolomaco 2019-08-20 18:15 评论0 收藏0