js从地址栏获取参数

一、过程分四步：

1.获取地址栏；

var loc=location.href;

2.获取地址栏的长度

var n1=loc.length;

3.获取地址栏中第一个等号的位置；

var n2=loc.indexOf('=')；

4.以等号位置，截取后面的内容；

var str=loc.slice(n2+1,n1)

此时拿到的是等号后面的内容，如果只跟一个参数，现在就可以结束了，已经拿到了；

二、如果跟多个参数，从上面的步骤开始

5.以&符切割获取的内容，会得到一个数组，数组的第一项就是一个参数的值

var aryStr=str.split('&');

6.切割后数组的第二项就是第二个参数，例如：aaa=123，对第二项的操作

var strPat=aryStr[1].split('=')[1];

7.完成第六步的时候就已经得到了第二项参数的值，如果对于多个值，可以使用for循环处理

三、完成步骤截图：

控制台输出：

四、详解个各步骤

1.首先要了解js中的location对象；

location：存储了web的整个url地址，可以直接在console.log(location)输出，如下：

可以看到，location中的属性href，包含了整个url，location.href，拿到地址栏的内容，它是一个字符串，可以直接用length拿到长度值

2.indexOf：查找字符串中的某一项，并放回对应的索引；如果找不到，返回 -1；

3.slice(n,m):截取字符串，特点是包前不包后；

会从n的位置，包含n开始截取，截取到m-1的位置，不会截取得到m；

特点是不会改变原数组

slice(0,str.length):截取整个字符串

4.split():以什么符号对字符串进行裁剪，裁剪后返回一个数组

不改变原数组

js从地址栏获取参数相关推荐

js地址栏获取参数的方法，解决中文乱码问题，能支持中文参数
第一种:参数只能是英文的. //获取地址栏参数//只能是英文参数 function GetQueryString(name) { var reg = new RegExp("(^|& ...
window.location跳转和window.open跳转以及从url地址栏获取参数
路由跳转 1.window.location跳转和window.open跳转 a.跳转 a.在当前页面跳转 window.location = "/xxx/xxx/xxx?a=" ...
js 去掉地址栏内参数_JS获取网站地址栏URL中的参数值并转换成json对象
点击上方"蓝字",发现更多精彩. 这个问题其实是个很常见的问题,而且在面试中也会经常被提起,其实想实现这个需求也比较简单,就是考察下对数据交互处理基本操作. 开始转化 var ba ...
uniapp从企业微信、微信公众号获取地址栏的参数
以下两种方式经本人测试有效: 方式一.使用原生的获取地址栏方式地址栏路径比如:http://localhost:8080/#/?code=dZODtWsSc_-It1i8Ci-W1IP0S3fVpy ...
php 正则替换url参数,JavaScript正则获取地址栏中参数的方法分享
这篇文章主要介绍了JavaScript正则获取地址栏中参数的方法,涉及javascript基于正则的字符串截取操作相关实现技巧,需要的朋友可以参考下本文实例讲述了JavaScript正则获取地址栏中 ...
SQLAlchemy中模糊查询;JS中POST带参数跳转;JS获取url参数
SQLAlchemy中模糊查询,如何like多个关键字 JS中POST带参数跳转一个项目中要跳转到另外一个项目,还需要带参数考虑到安全性的问题,最好是用POST跳转,不能再URL中拼参所以找到了 ...
Uniapp URL地址栏获取指定参数
前言 Uniapp在URL中的参数会存在于两种位置,如下: http://localhost:8080/unipp?id=399#/pages/index/index?name=eagle ...
javascript/jquery获取地址栏url参数的方法
本篇文章主要是对javascript/jquery获取地址栏url参数的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助. 使用jquery获取url以及使用jquery获取url参数是我 ...
js快捷获取超链接参数和修改超链接（新增URLSearchParams方法获取参数）
//https://www.baidu.com?sjry=111function GetRequest() {var url = location.search;var theRequest = ne ...
JS替换地址栏参数值
首先,页面引入JS代码片段(整体复制粘贴即可): var Query=function(a){"use strict";var b=function(a){var b=[],c,d ...

js从地址栏获取参数

js从地址栏获取参数相关推荐

最新文章

热门文章