JavaScript 获取当前URL信息

简介: JavaScript 获取当前URL信息

示例URL

http://127.0.0.1:8080/testdemo/test.html?id=1&name=test
// 返回 web 主机的域名,如:http://127.0.0.1:8080/testdemo/test.html?id=1&name=test
var url = window.location.href;
// 返回所使用的 web 协议,如:http:
var protocol = window.location.protocol;
// 返回当前页面的路径和文件名,如:/testdemo/test.html
var pathname = window.location.pathname;
// 获取主机地址和端口号, 如:http://127.0.0.1:8080
var host = window.location.host;
 // 获取主机地址, 如:http://127.0.0.1/ 
var hostname = window.location.hostname; 
// 返回 web 主机的端口,如:8080
var port = window.location.port;
// 获取参数,如:?id=1&name=test
var search = window.location.search;
// 获取锚点(“#”后面的分段)
var hash = window.location.hash;
// 通过参数名获取url中的参数值*
var id = urlSearch('id'); // 1
var name = urlSearch('name'); // test
function urlSearch(parmas) {
  let href = window.location.href
  let query = href.substring(href.indexOf('?')+1);
  let vars = query.split("&");
  for (var i = 0; i < vars.length; i++) {
    let pair = vars[i].split("=");
    if(pair[0] == parmas){
      return pair[1];
    }
  }
}
相关文章
|
22天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的高校实习信息发布网站附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的高校实习信息发布网站附带文章源码部署视频讲解等
56 20
|
22天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的大学校园生活信息平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的大学校园生活信息平台附带文章源码部署视频讲解等
38 12
|
26天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的研究生导师管理信息系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的研究生导师管理信息系统附带文章和源代码部署视频讲解等
28 5
|
22天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的防疫物资管理信息系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的防疫物资管理信息系统附带文章源码部署视频讲解等
19 0
|
22天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的美食信息推荐系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的美食信息推荐系统附带文章源码部署视频讲解等
44 16
|
16天前
|
JavaScript
【干货】js判断url是否是合法http/https
【干货】js判断url是否是合法http/https
39 1
|
2天前
|
JavaScript
js 下载文件(根据URL下载文件,根据URL下载图片)
js 下载文件(根据URL下载文件,根据URL下载图片)
6 0
|
2天前
|
JavaScript 前端开发 数据格式
URL编码【详解】——Javascript对URL进行编码解码的三种方式的区别和使用场景,axios请求拦截器中对get请求的参数全部进行URL编码
URL编码【详解】——Javascript对URL进行编码解码的三种方式的区别和使用场景,axios请求拦截器中对get请求的参数全部进行URL编码
6 0
|
26天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的黄河森林公园景区票务管理信息系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的黄河森林公园景区票务管理信息系统附带文章和源代码部署视频讲解等
23 4
|
2天前
|
JavaScript
js 获取并解析 url 中参数的三种方法
js 获取并解析 url 中参数的三种方法
6 0