js 获取url地址的get参数

JS获取网页的URL以及各参数 在前端开发过程中难免会遇到处理 url 参数的问题,使用框架进行项目开发时或许不用,它们有自带的获取参数的方式。但是抛开使用框架,我们也可以使用原生 js 方式或借助于第三方库来实现参数的获取。下面总结了几种获取 URL 参数的方式。name=张三&age=20&sex=male';// 使用?分隔字符串,并获取数组的第二个参数的值(下表索引为 1 )')[1];// 创建空对象存储各个参数// 通过 & 将每个参数截取出来。 阅读详情

如果我们写js时候碰到,要获取url地址栏的参数怎么办,我们不能想php那样,用一个$_GET['']


但是我们可以写一个函数来获取,如下:

function getUrl() {
    var url = location.search; //获取url中"?"符后的字串
    var theRequest = new Object();
    if (url.indexOf("?") != -1) {
       var str = url.substr(1);
       strs = str.split("&");
       for(var i = 0; i < strs.length; i ++) {
           theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
       }
    }
    return theRequest;
}

用法:

//比如我们获取这个url http://localhost/get_url.php?title=get_url
var get_url = getUrl();
alert(get_url['title']);
以阿克曼转向车为例对URDF和XACRO文件进行解读    最近我在古月学院购买了在Gazebo中实现阿克曼转向车的仿真课程,课程资料的阿克曼小车的XACRO文件在Gazebo里加载的时候报了三个错误,在这之前,我没接触过URDF或XACRO文件,本篇文章就以这个阿克曼小车的XACRO文件为例,对URDF或XACRO文件的格式和内容进行解读,期望经过解读和学习,找到错误原因及所在,并解决这三个错误    先来放一下上面右图所示的模型的完整的XACRO文件: <?xml version="1.0"?> <!-- racecar.urdf.x 阅读详情

相关推荐

【项目实战-MATLAB】:基于机器学习的虹膜识别系统设计

虹膜识别主要包括虹膜定位、虹膜裁剪、极坐标变换、归一化、HOG特征提取、虹膜识别六个主要步骤。本系统采用MATLAB作为开发工具实现 主要算法:霍夫变换预处理 HOG特征提取 SVM进行识别

qq_45047246的博客 6537

JS获取URL参数的4种方法总结

【代码】JS获取URL参数的4种方法总结。

qq_37312180的博客 1万+

Altera下载器驱动配置:手把手教程(从零实现)

详解Altera USB-Blaster驱动安装全过程,从设备识别到软件配置一步一图,解决常见连接问题,确保开发下载器正常工作,适合初学者快速上手FPGA下载调试。

weixin_35751194的博客 988

js获取url上的参数

【代码】js获取url上的参数。

@@小旭的博客 2276

深入解析SOC芯片设计中DFT OCC与ATPG的协同优化策略

本文深入探讨了在复杂SOC芯片设计中,DFT(可测试性设计)的核心组件OCC(片上时钟控制器)与ATPG(自动测试向量生成)的协同优化策略。文章从基本原理出发,分析了OCC作为测试时钟管理者的关键作用,以及ATPG作为故障检测引擎的工作机制,并重点阐述了二者在测试架构选择、参数对齐、低功耗测试等场景下的协同方法与实战技巧,旨在实现更高的测试覆盖率与更低的测试成本。

efc123456的博客 1034

win11系统ping另一台电脑上VMware虚拟机的IP

我是用了两台电脑,所以刚才遇到一个问题就是两台电脑的IP 在同一局域网内ping不通。于是就找了很多资料,经过坚强的绝望后终于解决了。 下开始解决问题: VMWare提供了三种工作模式:bridged(桥接模式)、NAT(网络地址转换模式)和host-only(主机模式)。 1. bridged(桥接模式)   在这种模式下,VMWare虚拟出来的操作系统就像是局域网中的一台独立主机,它可以访问网内任何一台机器。在桥接模式下,你需要手工为虚拟系统配置IP地址、子网掩码,而且还要和宿主机器处于同一网段,这样虚

qq_42817360的博客 3237

JS获取URL中参数值的4种方法

可以通过 split 方法手动拆分查询参数,并用 reduce 将其转化为对象。可以使用正则表达式匹配URL参数,这种方法相对较低效且较复杂,但也可以做到。上构建自己的解析函数,此方法比较简单。

w807139809的博客 2749

MQL5教程 01 MT5有关EA的操作、MetaEditor 工具栏主要功能

MQL5教程 01 MT5有关EA的操作、MetaEditor 工具栏主要功能

weixin_42830015的博客 3983

js获取php的get参数,JS获取URL地址中的GET参数

/*-----------------实现1--------------------*/function getPar(par){//获取当前URLvar local_url = document.location.href;//获取要取得的get参数位置var get = local_url.indexOf(par +"=");if(get == -1){ return fals...

weixin_42462382的博客 198

CANoe连接Option Scope使用方法

本文档主要介绍如何使用CANoe Option .Scope捕获CAN总线上的物理波形,并利用眼图进行分析。

测试领域技术分享 1353

麒麟操作系统提示“默认密钥环已上锁”的解决办法

麒麟操作系统提示“默认密钥环已上锁”的解决办法

太极淘的博客 1万+

javascript或jquery获取地址栏url的get参数的方法

获取url的get参数,要用到正则表达式。 获取url中的某个参数的值  代码如下: /** * 通过javascript获取url中get的某个参数 * @param name 要获取url的get参数值的键名 * @returns {*} */ function getUrlParam(name) { var reg = new RegExp("(^|&amp;)"+...

蔡小波的博客 1157

文档:亲测可用解决vnc灰屏,黑屏,鼠标大黑叉情况

主要解决vnc-viewer灰屏,黑屏,鼠标大黑叉等现象,详细见文档。

js获取URL地址中的GET参数

var $_GET = (function(){ var url = window.document.location.href.toString(); var u = url.split("?"); if(typeof(u[1]) == "string"){ u = u[1].split("&"); var get =...

weixin_30456039的博客 130

STM32F407中文手册

STM32f407中文手册 本参考手册面向应用开发人员,提供有关使用 STM32F405xx/07xx、STM32F415xx/17xx、 STM32F42xxx 和 STM32F43xxx 微控制器存储器与外设的完整信息。STM32F405xx/07xx、STM32F415xx/17xx、STM32F42xxx 和 STM32F43xxx 构成一个微 控制器系列,各产品具有不同的存储器大小、封装和外设。有关订购信息以及器件的机械与电气特性,请参见数据手册。有关 ARM Cortex™-M4F 内核的信息,请参见《Cortex™-M4F 技术参考手册》。

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

传url链接参数 前端get方法_JS获取地址栏中的链接URL参数

本文将通过实际例子讲解怎么使用javascript或者jquery获取地址url参数,希望你会喜欢。问题描述今天做一个主题,有一个需求是根据不同的页面来做,虽然php也可以做到,不过考虑到自己的特效代码都是在jQuery上完成,想着能否直接通过获取地址栏中的链接参数里面的数字直接来实现效果。假设页面的地址是这样子的。http://caibaojian.com/p/165 ,那么我要获取最后的一个数...

weixin_39526238的博客 444

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

【js】js获取地址中get参数

如果你同时使用多种开发语言做web开发,那么就会发现,js对于获取地址中get参数是没有官方的方法的,而php里则有非常便捷的$_GET['aaa']非常简单的方法 这里写了一个简单的方法,能使js也能简单的获取地址上的get参数 function get_query_str(){ var location_url = window.location.href; var par...

weixin_30840253的博客 214

HTML中用JS获取GET的参数

要在HTML中使用JS获取GET参数有点困难,不过还好,实现了,代码发出来给大家参考下! /**  * 模仿request.getParameter();  * 但是只能接收三种提交  *  ... * xxx  * 从浏览器直接输入URL中带有信息xxx.html  * return 返回的是string类型,*/  function getParameter(name)  {  var

chinmo的收藏 6812

JavaScript简单获取url地址参数

JavaScript用URLSearchParams获取url地址参数 我们页面之间传递数据很多时候都会用到url地址传参,一般都会用window.location获取地址 对象,里面会有url信息,但是此方法比较麻烦 然后我有一个好方法来分享给大家 JavaScript中的URLSearchParams对象 这是MDN上对于URLSearchParams的解释 // 模仿一个U...

fortune丶的blog 1204

NodeJs获取get和post提交的数据

Get和Post的区别 1.Get使用URL或Cookie传参。而Post将数据放在body中。 2.Get的URL的长度会有长度上的限制, Post的数据则可以非常大。 3.Get没有Post安全,因为数据在地址栏上可见。 采取Get方法获取: 第一种方法获取数据 那么问题来了!!我们如何在url地址中获取用户提交的表单数据呢??? nodejs中的url模块就给我们提供了一种办法: url.parse()方法可以解析url地址,将字符串地址转换为对象类型。 const url = require('u

PILIpilipala的博客 1185

原生js获取地址栏参数

摘要:这段代码定义了一个获取URL参数的JavaScript工具函数getUrlParam(),它通过正则表达式匹配指定参数名并返回解码后的参数值。随后代码调用该函数尝试从URL中获取名为'keyCode'的参数值。该功能常用于网页从URL中提取跟踪标识或用户输入参数。

weixin_45811884的博客 131

js中window.location.search的用法和作用

用该属性获取页面 URL 地址: window.location 对象所包含的属性   属性 描述 hash 从井号 (#) 开始的 URL(锚) host 主机名和当前 URL 的端口号 hostname 当前 URL 的主机名 href 完整的 URL pathname 当前 URL 的路径部分 port

qq4165498的博客 405

一个向地址栏传递参数以及获取数据的简单案例

一个模拟前后台提交的小练习 通过在第一个页面的表单里填写信息并提交,通过第二个页面获取数据并进行解析渲染操作,实现通过输入变量名而呈现对应数据。(两个页面的源码在文章最后) 一、向网址栏传递参数 首先创立一个a.html,这是前端给用户操作提交信息的页面,HTML的代码很简单,这里就不赘述了。 主要实现向地址栏传递参数功能的代码就是HTML中form表单中的action属性,通过get方法可以将参数挂在地址栏后面。 <form action="b.html" method="get"> 在a

qq_52164627的博客 3485

基础的js中window. location属性

遇到多次,做个笔记 用该属性获取页面 URL 地址: window.location 对象所包含的属性 属性 描述 hash 从井号 (#) 开始的 URL(锚) host 主机名和当前 URL 的端口号 hostname 当前 URL 的主机名 href 完整的 URL pathname 当前 URL 的路径部分 port 当前 URL 的端口号 protocol 当前 URL 的协议 search 从问号 (?) 开始的 URL(查询部分) 如图就是取出url中的参数。 JS 脚本捕获页面 GET 方

mengmeng1_的博客 380

利用javascript实现html之前的数据传递

在工程的编写中,我们常常会遇见这样的情况,有时候有些静态页面我们需要相互间传值,又不愿意把静态页面改成jsp,这个时候强大的javascript就起作用了,在JS中可以用window.location.href属性获取完整地址,那么我们的参数完全可以使用GET模式来传递即表单的method="GET" 下边是用JS构造的获取get模式提交值的一个函数. function Request(strN...

java的涟漪 86

js中window。location.search的用法和作用。

用该属性获取页面 URL 地址: window.location 对象所包含的属性 属性 描述 hash 从井号 (#) 开始的 URL(锚) host 主机名和当前 URL 的端口号 hostname 当前 URL 的主机名 href 完整的 URL pathname 当前 URL 的路径部分 port 当前 URL 的端口号...

请叫我大师兄 9万+
上一篇: JS replace()方法全文替换,遇到变量怎么办?
下一篇: Jquery表单插件ajaxForm
最强的法师
博客等级 码龄11年 16粉丝 25原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值