获取页面链接&后携带的参数

提示：本方法只在H5页面试用过，vue并未测试，各位可以尝试一下

文章目录

获取页面链接&后携带的参数
前言
一、URLSearchParams是什么？
二、使用步骤
- 1.使用
总结

前言

提示：此方法为JavaScript高级程序设计第四版中第十二章中的部分内容（多读书有好处哇嘎嘎）

提示：以下是本篇文章正文内容，下面案例可供参考（当前只在谷歌浏览器使用过，其他浏览器兼容问题还请大家测试了（没错，就是出问题甩锅~））

一、URLSearchParams是什么？

示例：URLSearchParams 提供了一组标准 API 方法，通过它们可以检查和修改查询字符串。给
URLSearchParams 构造函数传入一个查询字符串，就可以创建一个实例。这个实例上暴露了 get()、
set()和 delete()等方法，可以对查询字符串执行相应操作。下面来看一个例子：

二、使用步骤

1.使用

代码如下（示例）：

let qs = "?q=javascript&num=10";
let searchParams = new URLSearchParams(qs);
console.log(searchParams.toString()); // " q=javascript&num=10"
searchParams.has("num"); // true
searchParams.get("num"); // 10
searchParams.set("page", "3");
alert(searchParams.toString()); // " q=javascript&num=10&page=3"
searchParams.delete("q");
alert(searchParams.toString()); // " num=10&page=3"

总结

提示：这里对文章进行总结：以上就是URLSearchParams的使用，相对于使用正则来获取比较方便，作者只测试使用过，如有问题请私聊作者进行修改，多谢了！

获取页面链接后携带的参数相关推荐

jq获取页面url后边带的参数
//获取url后边的参数 $.getUrlParam = function (name) { var reg = new RegExp("(^|&)" + name + & ...
微信小程序获取扫描二维码后携带的参数
微信小程序获取扫描二维码后携带的参数 1.decodeURIComponent解析生成二维码的链接. /*** 生命周期函数--监听页面加载*/onLoad: function(options) {i ...
wordpress php 链接,WordPress中获取页面链接和标题的相关PHP函数用法解析
get_permalink()(获取文章或页面链接)get_permalink() 用来根据固定连接返回文章或者页面的链接.在获取链接时 get_permalink() 函数需要知道要获取的文章的 I ...
php 判断跳转url参数,怎么通过链接获取跳转后的url参数
本帖最后由 bing15 于 2014-09-12 14:27:23 编辑我有一个链接,https://wx2.qq.com/cgi-bin/mmwebwx-bin/webwxcheckurl?ui ...
Javascript获取页面、屏幕尺寸大小参数
Javascript获取获取屏幕.浏览器窗口 ,浏览器,网页高度.宽度的大小网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clien ...
JS获取页面中Url的某个参数
人生如戏,敲代码岂能儿戏粒如: 有一个url为: http://localhost:8080/reg?productId=27&productName=奶茶&price=15 如何用 ...
window.open打开页面并传值,window. location.search遍历获取到的请求链接中的所有参数
window.open打开页面并传值,遍历 window.location.search取到的url参数 1.a.js中打开OtherBankProtocol.html页面 window.open打开 ...
微信小程序页面A携带参数跳转到页面B，页面B获取页面A传来的参数并且存到data里面，在页面B中渲染成功
页面A的wxml <view class="tuijian-food-box" ><view class="tuijian-food" wx: ...
python3读取网页_python3+selenium获取页面加载的所有静态资源文件链接操作
软件版本: python 3.7.2 selenium 3.141.0 pycharm 2018.3.5 具体实现流程如下,废话不多说,直接上代码: from selenium import webd ...

获取页面链接后携带的参数