<!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 http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>javascript获取URL参数和参数值</title>
<script type="text/javascript">
<!--
var url = "http://www.baidu.com/?age=25&k=1&site=asp&abc=123;"
//javascript获取指定参数及其对应的值
function getParameter(paraStr, url)
{
var result = "";
//获取URL中全部参数列表数据
var str = "&" + url.split("?")[1];
var paraName = paraStr + "=";
//判断要获取的参数是否存在
if(str.indexOf("&"+paraName)!=-1)
{
//如果要获取的参数到结尾是否还包含“&”
if(str.substring(str.indexOf(paraName),str.length).indexOf("&")!=-1)
{
//得到要获取的参数到结尾的字符串
var TmpStr=str.substring(str.indexOf(paraName),str.length);
//截取从参数开始到最近的“&”出现位置间的字符
result=TmpStr.substr(TmpStr.indexOf(paraName),TmpStr.indexOf("&")-TmpStr.indexOf(paraName));
}
else
{
result=str.substring(str.indexOf(paraName),str.length);
}
}
else
{
result="无此参数";
}
return (result.replace("&",""));
}
//调用方法:var 变量名 = getParameter("要获取的参数名", URL地址)
var r = getParameter("age",url);
//测试输出,结果是:site=popasp
alert(r);
//根据得到的结果可以使用
var pName = r.split("=")[0]; //获取参数名
var pValue = r.split("=")[1]; //获取参数值
//测试输出:
alert("参数名:" + pName + "\n\n" + "参数值:" + pValue);
//其他实际应用:
//可以根据需要,配合以下方法实现自己要实现的功能;
//var hostname = location.hostname; //获取当前域名(不包含http://)
//var localurl = location.href; //获取当前完整的URL地址信息(包含http://,域名,路径,具体文件和全部传递参数)
//var referurl = document.referrer; //获取上一页完整的URL信息(包含http://,域名,路径,具体文件和全部传递参数)
//-->
</script>
</head>
<body>
</body>
</html>
http://hi.baidu.com/llyl8/blog/item/4d4090ece04e173a279791e8.html
分享到:
相关推荐
设置或获取对象指定的文件名或路径。 设置或获取整个 URL 为字符串。 设置或获取与 URL 关联的端口号码。...设置或获取 location 或 URL 的 hostname 和 port 号码。 设置或获取 href 属性中跟在问号后面的部分。
总的来说,通过JavaScript获取URL参数是一项基础但实用的技能,它涉及到URL解析、字符串操作以及可能的JSON处理。在实际项目中,这样的函数可以大大提高代码的可复用性和灵活性,使我们能够轻松地从URL中提取和处理...
本文将详细介绍一种利用自定义函数`getUrlParam`来获取URL参数的方法,并对其进行深入解析。 #### 二、基础知识回顾 ##### 2.1 URL 结构 URL(Uniform Resource Locator)是统一资源定位符,用于标识互联网上的...
JavaScript获取Url中的参数(解决中文乱码) 可以点击更改URL按钮 修改url中的参数
- **动态路由**:根据URL参数的不同加载不同的页面或组件。 #### 4. 注意事项 - 在实际应用中,将自定义方法附加到原生对象的原型上可能会导致与第三方库或其他代码冲突,建议考虑封装为独立函数。 - 对于安全性较...
总结一下,JavaScript获取URL参数和参数值的方法包括使用`window.location.search`、`URLSearchParams` API或自定义函数。在不支持现代API的环境下,自定义函数如`getParameter`是一个实用的选择。在实际开发中,应...
在JavaScript编程中,获取URL参数是一项常见的任务,特别是在构建动态Web应用时。URL(Uniform Resource Locator)是网页的地址,而URL参数则是附加在URL后面,用于传递额外信息的键值对。这些参数通常以问号(?)...
获取URL参数的常用方法是解析这个查询字符串。以下是一种实现方式: ```javascript function getURLParameters(url) { var params = {}; var parser = document.createElement('a'); parser.href = url || ...
在jQuery中,没有直接用于获取URL参数的内置函数,但我们可以利用JavaScript的`location.search`属性和`split()`、`map()`、`reduce()`等数组方法来实现。以下是一种常见的实现方式: ```javascript function ...
本文将深入探讨如何使用正则表达式来获取URL参数,并提供相关的示例代码。 首先,我们需要理解URL的基本结构。一个典型的URL通常包括协议(如http或https)、主机名、路径和查询字符串。查询字符串是由键值对组成的...
然而,URL参数中可能包含特殊字符,如井号(#)和其它符号,它们在URL中扮演特定的角色,可能导致无法直接获取预期的参数值。本篇知识点将详细探讨如何在PHP中获取带有特殊符号,如井号(#)的URL参数,并介绍如何使用...
标题"JavaScript获取链接url参数并生成对象"指出了我们需要从URL中提取这些参数,并将它们组织成一个JavaScript对象。这个对象的键将是参数名,值将是对应的参数值。这样做可以方便地对参数进行操作,如遍历、修改或...
以上就是解决在使用jQuery获取URL参数时出现中文乱码问题的两种方法,以及相关的编码和解码处理方式。需要注意的是,乱码问题的出现主要是由于编码和解码不一致导致的,所以在前后端处理URL参数时,一定要注意正确地...
其次,文件内容中还涉及了如何在客户端使用JavaScript获取当前URL地址及各种属性值。这通常是网页脚本中的一部分,通过window对象提供的不同属性来实现: - `document.location`、`document.URL`、`document....
在本篇文章中,我们将深入探讨如何使用jQuery Query Object来获取URL参数,并结合实际示例进行详细讲解。 首先,要使用jQuery Query Object,你需要确保已经在项目中引入了jQuery库和jQuery Query插件。通常,你...
### JavaScript 获取URL参数和去除字符串前后空格的方法 在日常的Web开发中,经常会遇到需要获取URL中的参数或处理字符串的情况。例如,在用户点击某个链接或者表单提交后,我们可能需要从URL中提取出某些特定的...
获取url中参数,javascript,你值得拥有
在JavaScript中,我们可以利用`window`对象和`location`对象来获取URL参数。`window.location.href`包含了完整的URL,而`window.location.search`则是查询字符串(即URL中问号`?`后面的部分)。为了提取参数对,通常...
本文将详细介绍两种使用JavaScript获取URL参数的方法。 ### 方法一:通过字符串操作 这种方法是通过分割URL的查询字符串来查找指定的参数。首先,我们获取URL的查询部分,然后将它分解为键值对数组,最后遍历这个...