<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>QueryString获取</title>
<!--script type="text/javascript" src="CommonFiles/sunnycoder.js"></script-->
<script type="text/javascript">
//获取QueryString的数组
function getQueryString(){
var result = location.search.match(new RegExp("[\?\&][^\?\&]+=[^\?\&]+","g"));
for(var i = 0; i < result.length; i++){
result[i] = result[i].substring(1);
}
return result;
}
//根据QueryString参数名称获取值
function getQueryStringByName(name){
var result = location.search.match(new RegExp("[\?\&]" + name+ "=([^\&]+)","i"));
if(result == null || result.length < 1){
return "";
}
return result[1];
}
//根据QueryString参数索引获取值
function getQueryStringByIndex(index){
if(index == null){
return "";
}
var queryStringList = getQueryString();
if (index >= queryStringList.length){
return "";
}
var result = queryStringList[index];
var startIndex = result.indexOf("=") + 1;
result = result.substring(startIndex);
return result;
}
//绑定当控件高亮选中时，点击“回车键”时执行的操作
//control：要绑定事件的控件
//func：要执行的方法
function bindEnterEvent(control, func){
control.onkeypress = function(){
if (event.keyCode == 13){
func();
}
}
}
//根据输入的QueryString名称获取值
function getByName(){
var name = document.getElementById("txtQueryStringName").value;
document.getElementById("txtResult").innerHTML = getQueryStringByName(name);
}
//根据输入的QueryString的索引获取值
function getByIndex(){
var index = document.getElementById("txtQueryStringIndex").value;
document.getElementById("txtResult").innerHTML = getQueryStringByIndex(index);
}
</script>
</head>
<body>
<div>
<span>QueryString : </span><span id="queryString"></span>
</div>
<div>
<span>QueryString's name : </span>
<input id="txtQueryStringName" name="txtQueryStringName" type="text" />
<input name="btnGetByName" type="button" value="获取" onclick="getByName()" />
</div>
<div>
<span>QueryString's index : </span>
<input id="txtQueryStringIndex" name="txtQueryStringIndex" type="text" />
<input name="btnGetByIndex" type="button" value="获取" onclick="getByIndex()" />
</div>
<div>
<span>结果 ：</span><span id="txtResult"></span>
</div>
<!--页面加载时执行的操作-->
<script type="text/javascript">
//显示所有QueryString
document.getElementById("queryString").innerHTML = getQueryString();
//为txtQueryStringName绑定回车事件
bindEnterEvent(txtQueryStringName, getByName);
//为txtQueryStringIndex绑定回车事件
bindEnterEvent(txtQueryStringIndex, getByIndex);
</script>
</body>
</html>
分享到：
相关推荐
设置或获取整个 URL 为字符串。 设置或获取与 URL 关联的端口号码。 设置或获取 URL 的协议部分。 设置或获取 href 属性中在井号“#”后面的分段。 设置或获取 location 或 URL 的 hostname 和 port 号码。 ...
JavaScript获取Url中的参数（解决中文乱码） 可以点击更改URL按钮 修改url中的参数
总的来说，通过JavaScript获取URL参数是一项基础但实用的技能，它涉及到URL解析、字符串操作以及可能的JSON处理。在实际项目中，这样的函数可以大大提高代码的可复用性和灵活性，使我们能够轻松地从URL中提取和处理...
本文将详细介绍一种利用自定义函数`getUrlParam`来获取URL参数的方法，并对其进行深入解析。 #### 二、基础知识回顾 ##### 2.1 URL 结构 URL（Uniform Resource Locator）是统一资源定位符，用于标识互联网上的...
获取URL参数的常用方法是解析这个查询字符串。以下是一种实现方式： ```javascript function getURLParameters(url) { var params = {}; var parser = document.createElement('a'); parser.href = url || ...
标题"JavaScript获取链接url参数并生成对象"指出了我们需要从URL中提取这些参数，并将它们组织成一个JavaScript对象。这个对象的键将是参数名，值将是对应的参数值。这样做可以方便地对参数进行操作，如遍历、修改或...
- **动态路由**：根据URL参数的不同加载不同的页面或组件。 #### 4. 注意事项 - 在实际应用中，将自定义方法附加到原生对象的原型上可能会导致与第三方库或其他代码冲突，建议考虑封装为独立函数。 - 对于安全性较...
获取url中参数，javascript，你值得拥有
JavaScript获取URL查询参数的方法是前端开发中的一个基础知识点，涉及到浏览器的Location对象的使用。在浏览器提供的JavaScript环境中，我们可以通过Location对象获得当前页面的URL，并从中提取查询参数。查询参数是...
在JavaScript编程中，获取URL参数是一项常见的任务，特别是在构建动态Web应用时。URL（Uniform Resource Locator）是网页的地址，而URL参数则是附加在URL后面，用于传递额外信息的键值对。这些参数通常以问号（?）...
为了解决这个问题，我们可以采取一些方法，特别是当使用jQuery来获取URL参数时，有以下两种方法特别有效。 方法一是利用正则表达式来匹配和解析URL参数，这是一种相对直接且有效的方式。具体实现步骤如下： 1. ...
在jQuery中，没有直接用于获取URL参数的内置函数，但我们可以利用JavaScript的`location.search`属性和`split()`、`map()`、`reduce()`等数组方法来实现。以下是一种常见的实现方式： ```javascript function ...
本文将详细介绍两种使用JavaScript获取URL参数的方法。 ### 方法一：通过字符串操作 这种方法是通过分割URL的查询字符串来查找指定的参数。首先，我们获取URL的查询部分，然后将它分解为键值对数组，最后遍历这个...
首先，让我们深入理解如何使用JavaScript获取URL查询参数。在浏览器中，当用户访问一个网页时，URL（统一资源定位符）会携带一些附加信息，这些信息以问号（?）分隔，后面跟着一系列的键值对，这就是查询参数。例如...
其次，文件内容中还涉及了如何在客户端使用JavaScript获取当前URL地址及各种属性值。这通常是网页脚本中的一部分，通过window对象提供的不同属性来实现： - `document.location`、`document.URL`、`document....
本篇知识点将详细探讨如何在PHP中获取带有特殊符号，如井号(#)的URL参数，并介绍如何使用JavaScript的escape函数对这些特殊字符进行编码，从而实现正确地在服务器端获取这些参数。 首先，我们来看看URL编码的基础...
### 如何用JavaScript获取当前URL的参数值 在Web开发中，经常需要处理URL中的查询参数，例如在页面跳转时传递数据、实现特定功能等。本文将详细介绍一种使用JavaScript来解析并获取当前URL参数的方法。 #### 方法...
本文将深入探讨如何使用正则表达式来获取URL参数，并提供相关的示例代码。 首先，我们需要理解URL的基本结构。一个典型的URL通常包括协议（如http或https）、主机名、路径和查询字符串。查询字符串是由键值对组成的...
在本篇文章中，我们将深入探讨如何使用jQuery Query Object来获取URL参数，并结合实际示例进行详细讲解。 首先，要使用jQuery Query Object，你需要确保已经在项目中引入了jQuery库和jQuery Query插件。通常，你...