欢迎光临 - 我的站长站,本站所有资源仅供学习与参考,禁止用于商业用途或从事违法行为!

js教程

js如何获取指定网址中的参数

js教程 我的站长站 2024-09-24 共6人阅读

之前我的站长站分享的都是用js获取当前网址URL中的参数,我们这次教大家如何获取指定网址中的参数。

js获取网址参数代码

JS获取网址的方法都一样,我们同样使用函数的方法。

function getQueryParam(url, param) {
// 创建一个新的URL对象
const urlObj = new URL(url);
// 使用URLSearchParams获取查询参数
const params = new URLSearchParams(urlObj.search);
// 获取指定的查询参数值
return params.get(param);
}

假如网址为:

// 示例网址
const url = 'https://www.wdzzz.com/?id=888&name=wdzzz';

函数使用方法:

// 获取param1参数的值
const value1 = getQueryParam(url, 'id');
// 获取param2参数的值
const value2 = getQueryParam(url, 'name');

传两个参数,前面位网址URL,后面想需要获取的参数名称。

返回输出:

console.log(888); // 输出: value1
console.log(wdzzz); // 输出: value2

完整示例:

function getQueryParam(url, param) {
// 创建一个新的URL对象
const urlObj = new URL(url);
// 使用URLSearchParams获取查询参数
const params = new URLSearchParams(urlObj.search);
// 获取指定的查询参数值
return params.get(param);
}
// 示例网址
const url = 'https://example.com/?param1=value1&param2=value2';
// 获取param1参数的值
const value1 = getQueryParam(url, 'param1');
// 获取param2参数的值
const value2 = getQueryParam(url, 'param2');
console.log(value1); // 输出: value1
console.log(value2); // 输出: value2


标签 js获取
相关推荐
  • js获取
  • js如何获取指定网址中的参数

    之前我的站长站分享的都是用JS获取当前网址URL中的参数,我们这次教大家如何获取指定网址中的参数。js获取网址参数代码JS获取网址的方法都一样,我们同样使用函数的方法。function getQueryParam(url, param) {// 创建一个新的URL对象const urlObj = ne...

    js教程 6 1个月前
  • JavaScript如何获取自己的加载路径

    我们都知道JavaScript获取当前路径的方法用:var currentFullPath = window.location.href;console.log(currentFullPath);这样就可以获取完整路径。今天我的站长站分享不是获取当前URL路径,而且获取JS自己本身的加载路径,比如获取:<script src="https://...

    js教程 7 1个月前
  • js获取字符长度函数分享

    js获取字符长度函数function objLen(str) { if (str == null) return 0; if (typeof str != "string") { str += ""; } return str.replace(/[^\x00-\xff]/g, "01").length;}函数使用方法var arr1 = &#39;ABCD1234&#39;console.log(objLen(...

    js教程 13 10个月前
  • jQuery+JavaScript获取和修改网页title标题的方法

    分享jQuery框架和原生JavaScript获取和修改网页title标题的方法,两个一起分享,jQuery记得引入jQuery库。获取网页title方法jQuery方法:$("title").text();JavaScript方法:document.getElementsByTagName("title")[0].innerText修改网页title方法jQuery方...

    js教程 53 1年前
  • jquery如何获取input的type值

    jquery如何获取input的type值,首先我们要知道获取input的选择器用:$("input:name")然后获取值用:.val()完整代码是:$("input:name").val()

    js教程 52 1年前