html获取url参数 php,如何使用JavaScript获取URL参数
如果你希望通过JavaScript获取和使用URL参数。在JavaScript中,可以使用“document.location.search”获取URL的参数。但是,由于你只能在URL路径后立即检索参数的字符串,因此必须分析获取的字符串以获取每个参数的值。
我们直接来看示例
代码如下
GetParam.html
window.onload = function onLoad() {
param = GetQueryString();
target = document.getElementById("param");
target.innerHTML = param["q"];
}
function GetQueryString() {
if (1 < document.location.search.length) {
var query = document.location.search.substring(1);
var parameters = query.split('&');
var result = new Object();
for (var i = 0; i < parameters.length; i++) {
var element = parameters[i].split('=');
var paramName = decodeURIComponent(element[0]);
var paramValue = decodeURIComponent(element[1]);
result[paramName] = decodeURIComponent(paramValue);
}
return result;
}
return null;
}
说明:
URL参数部分的字符串可以通过“document.location.search”属性获得。通过调用substring(1)方法,获取第二个和后续的字符串。(如果URL参数为“?Q = ABCD&m = 30”,则将获取“q = ABCD&m = 30”。)
随后,将获取的字符串通过“&”拆分。如果获得的字符串是“q = ABCD&m = 30”,则q = ABCD被分配给参数[0],m = 30被分配给参数[1]。
此外,参数的各个元素由'='分隔,获取值和参数名称,存储在结果关联数组中并作为返回值返回。function GetQueryString() {
if (1 < document.location.search.length) {
var query = document.location.search.substring(1);
var parameters = query.split('&');
var result = new Object();
for (var i = 0; i < parameters.length; i++) {
var element = parameters[i].split('=');
var paramName = decodeURIComponent(element[0]);
var paramValue = decodeURIComponent(element[1]);
result[paramName] = decodeURIComponent(paramValue);
}
return result;
}
return null;}
运行结果
执行HTML文件将在浏览器上显示如下效果。
将参数“q”添加到URL的末尾。(?q=testabc被添加到URL的末尾。)
可以获取参数并且在页面上输出所获取的参数“testabc”。
html获取url参数 php,如何使用JavaScript获取URL参数相关推荐
- html 获取页面元素高度,浅谈JavaScript获取元素的大小(高度和宽度)的方法
本篇文章给大家介绍一下JavaScript获取元素的大小(高度和宽度)的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在 JavaScript 中,使用下面 3 组属性可以获 ...
- html获取复选框的值,JavaScript获取复选框的值
... //复选框点击事件 function checkAll(){ let tp=$("#tp").val(); var months="";var mont ...
- js获取唯一设备码_使用Javascript获取设备的唯一 id_javascript_酷徒编程知识库
你可以为此目的访问设备的uuid 在Phonegap中你可以使用Cordova设备插件/* Android: Returns a random 64-bit integer (as a string, ...
- html关于计时的函数,关于JavaScript获取时间函数及实现倒计时
关于JavaScript获取时间函数及实现倒计时 JavaScript获取当前时间函数 var time=new Date() 获取时间函数 Date() 返回当日的日期和时间. getDate() ...
- javascript获取窗口位置、绝对位置、事件位置等
有段时间没更新博客了,工作实在太忙了,加班加班再加班就是我们这个行业的常态吧...还好最近把工作进度完成了,终于有些空余时间了.关于<Javascript高级程序设计>系列,我并没有弃坑, ...
- javascript获取网页URL地址及参数等
2019独角兽企业重金招聘Python工程师标准>>> 用javascript获取url网址信息 Java代码 <script type="text/javascri ...
- JavaScript获取Url地址中的指定参数
JavaScript获取Url地址中的指定参数 var url = "https://codemank23.com?username=kkk&scope=1";if (ur ...
- 如何使用 Javascript 获取 URL 参数
JS 获取 URL 参数稍微有点麻烦,因为 JS 只能获取到 URL 的某一部分,但是不能再细分.如果想获取某一项参数,那么还需要使用一下字符串截取. 所以分为两步: 获取 URL 的参数部分 截取某 ...
- Javascript获取URL地址的参数
什么是URL地址的参数 在网页访问的时候,我们会通过url地址来传递参数. 例如,url地址类似: http://www.pingbuwang.com/index.html?a=12&b=he ...
最新文章
- PHP 端口号 是否 被占用 以及 解决方法
- php 多进程设置,php多进程操作的三个实例
- Arachni web扫描工具
- windows10 IOT +Azure会议概要总结
- python3打开excel_python3操作Excel (一)
- es创建索引设置字段不分词_java整合es指定字段不分词搜索
- Ubuntu系统查看设备的内存信息
- EOS Keosd概述
- 机器学习基础(五十三)—— 精确率与召回率(多分类问题精确率和召回率的计算)
- Virtuabox 虚拟机克隆方法
- 摄像头bug查找工作总结
- 推荐几个代码自动生成器,神器
- 云信服务器代码,网易云通信ID-服务端API文档-IM即时通讯-网易云信开发文档
- 非技术类:分享蓝牙音频接收器转音箱的使用
- png图片如何在线转换成jpg格式的
- windows家庭版关闭windows defender
- echarts字符云——修改词语方向和颜色
- 2022微信大数据挑战赛优胜方案总结
- Python绘制韦恩图并通过集合找到交集并集数据
- df pd 属性_DataFrame 常用方法属性
热门文章
- 选择一个android的版本下载,选择下载-选择安卓版下载_公交游戏网
- 电容三点式LC正弦波振荡电路的重要特性解析
- Shiro? Kuro?
- hadoop连接mysql_Hadoop 连接mysql
- 蚂蚁金服如何开垦农村金融市场
- 程序江湖:第四章 不识庐山真面目
- 如何找到大于或等于一个整数的最小的 2 的幂?
- java课程广告语_海同网校职坐标广告语、宣传语
- ts16949 软件开发流程图_TS16949 标准流程之汽车零部件项目开发流程
- python爬取房源数据_python爬取安居客二手房网站数据(实例讲解)