获得当前页面的url
window.location.herf
静态html文件js读取url参数
-
location.search; // 获取url中"?"符后的字串
location.search; //获取url中"?"符后的字串
下边为转载的相应的技术
在ajax应用流行时,有时我们可能为了降低服务器的负担,把动态内容生成静态html页面或者是xml文件,供客户端访问!但是在我们的网站或
系统中往住页面中某些部分是在后台没有进行修改时,其内容不会发生变化的。但是页面中也往往有部分内容是动态的更新的,比如一个新闻页面,新闻内容往往生
成了之后就是静态的,但是新闻的最新评论往往是变化的,在这个时候有几种解决方案:
1、重新生成该静态页面,优点是用户访问时页面上的肉容可以实现全静态,不与服务器程序及数据库后端打交道!缺点是每次用户对页面任何部分更新都 必须重新生成。
2、js调用请求动态内容,优点是静态页面只生成一次,动态部分才动态加载,却点是服务器端要用输出一段js代码并用js代码输出网页内容,也不 利于搜索引擎收录。
3、ajax调用动态内容,和js基本相似,只是与服务器交互的方式不同!并且页面显示不会受到因动态调用速度慢而影响整个页面的加载速度!至于 ajax不利于搜索收录,当然在《ajax in acation》等相关书籍中也介绍有变向的解决方案!
4、在服务器端ssl动态内容,用服务器端优化及缓存解决是时下最流行的方法!
对于第二种和第三种方法都是我最青睐的静态解决方法,适合以内容为主的中小型网站。那么在有时候可能会有js读取url参数的需求,事实证明的确
也有很多时候有这种需求,特别是在胖客户端的情况下!以前也写过这样的代码,其实原理很简单就是利用javascript接口提供location对像得
到url 地址,然后通过分析url以取得参数,以下是我收录的一些优秀的url参数读取代码:
一、字符串分割分析法。
这里是一个获取URL+?带QUESTRING参数的JAVASCRIPT客户端解决方案,相当于asp的 request.querystring,PHP的$_GET
函数:
-
<
script
>
-
function GetRequest()
-
{
-
var url
=
location
.search; //获取url中"?"符后的字串
-
var theRequest
=
new
Object();
-
if(url.indexOf("?") != -1)
-
{
-
var str
=
url
.substr(1);
-
str
strs
= str.split("&");
-
for(var i
=
0
; i
<
strs.length
; i ++)
-
{
-
theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
-
}
-
}
-
return theRequest;
-
}
-
</
script
>
<script> function GetRequest() { 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; } </script>
然后我们通过调用此函数获取对应参数值:
-
<
script
>
-
var Request
=
new
Object();
-
Request
=
GetRequest
();
-
var 参 数1,参数2,参数3,参数N;
-
参数1
=
Request
['参数1'];
-
参 数2
=
Request
['参数2'];
-
参 数3
=
Request
['参数3'];
-
参 数N
=
Request
['参数N'];
-
</
script
>
<script> var Request=new Object(); Request=GetRequest(); var 参数1,参数2,参数3,参数N; 参数1=Request['参数1']; 参数2=Request['参数2']; 参数3=Request['参数3']; 参数N=Request['参数N']; </script>
以此获取url串中所带的同名参数
二、正则分析法。
-
function GetQueryString(name)
-
{
-
var reg
=
new
RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
-
var r
=
window
.location.search.substr(1).match(reg);
-
if (r!=null) return unescape(r[2]); return null;
-
}
-
alert(GetQueryString(" 参数名1"));
-
alert(GetQueryString("参数名2"));
-
alert(GetQueryString(" 参数名3"));
分享到:
相关推荐
了解 JSP 中 request 属性的用法 JSP 中 request 属性是最...在 2.JSP 中可以通过 request.getParameter("hiddenValue") 方法来获取隐藏控件的值: <% String hiddenValue=request.getParameter("hiddenValue"); %>
在JavaScript中,获取URL查询字符串(Query String)的参数值是一项常见的任务,这对于处理动态页面和Web应用程序至关重要。本文将详细介绍一种实现方法,通过自定义函数`getArgs()`来提取查询参数。 首先,我们来...
**request.getProtocol()** 得到协议的名称 如:HTTP/1.0 禁用缓存:(转载:https://blog.csdn.net/lyclngs/article/details/25964559) **response.setHeader("Pragma", "no-cache")** **response.setHeader(...
例如,`Request.Cookies("cookieName")` 可以得到名为"cookieName"的Cookie值。 4. ServerVariables: 可以访问服务器端或客户端的环境变量,比如获取客户端IP地址:`Request.ServerVariables("REMOTE_ADDR")`。 5....
为了减少在JSP页面中编写过多的JavaScript代码,可以通过以下方式将`getContextPath()`的值传递给JavaScript: 1. **使用隐藏字段(hidden)**: ```jsp <input type="hidden" id="contextPath" value="<%= request....
### 如何用JavaScript获取当前URL的参数值 在Web开发中,经常需要处理URL中的查询参数,例如在页面跳转时传递数据、实现特定功能等。本文将详细介绍一种使用JavaScript来解析并获取当前URL参数的方法。 #### 方法...
JavaScript中使用Ajax方法获取指定URL的head信息中指定字段值的方法涉及的技术知识点十分丰富,包含JavaScript编程、Ajax技术、HTTP协议等。以下将对这些知识点进行详细阐述。 ### JavaScript编程基础 JavaScript...
(function(){ ...<script type="text/javascript" src="客户端模拟服务器端的Request发送和获得参数.js"> document.write(Request.getParameter("a")) document.write(" "+document.URL) </script>
本文将探讨如何利用JavaScript中String对象的扩展方法来实现这一功能,并提供解决方案来帮助开发者解决在获取请求参数时遇到的问题。 首先,需要了解URL的结构。一个典型的URL由以下几个部分组成:协议、主机名、...
本文将详细介绍一个实用的JavaScript函数——`request`函数,该函数能够帮助我们轻松地从当前URL中提取所需的查询参数。 #### 函数定义与原理 `request`函数的功能是从URL中解析出指定名称的参数值。其核心逻辑是...
在开发过程中,当app.js不断变化时,使用nodemon模块会更方便,它会在每次检测到源代码发生变化时重新运行服务器: # Install `nodemon` globally npm install -g nodemon # Run server nodemon app.js 要测试...
以上两种方法在处理URL中的参数时,需要注意如果参数值中包含中文字符,那么在发送参数之前需要对其进行URL编码(使用 `encodeURI` 函数),在接收参数之后需要对URL编码的字符串进行解码(使用 `decodeURI` 函数)...
在JavaScript中,实现MD5加密可以借助于一些库,如本压缩包中的`md5.js`和`md5.min.js`。这两个文件都是用于在前端环境中实现MD5加密的JavaScript库。`md5.js`是未压缩的源代码版本,方便开发者阅读和理解其内部工作...
### JS动态加载及JavaScriptvoid(0)爬虫解决方案详解 #### 一、引言 随着Web前端技术的发展,越来越多的网站开始采用JavaScript动态加载技术来提高用户体验和减轻服务器负担。然而,这种技术也给网络爬虫带来了新...
然后在Native代码中注册对应的`WKUserContentController`,这样当JavaScript发送消息时,Native代码可以通过`WKUserContentController`的代理方法获取到消息内容,其中包括HTML页面中的输入值。 - 使用`...
例如,在上述例子中,如果想获取键为"ename"的值,直接使用Request["ename"]即可得到"right"。 下面是根据以上知识点整理出的详细操作步骤: 首先,需要获取location.search属性的值,即查询字符串部分: ```...
在服务器端和客户端脚本中获取这个值可以帮助开发者分析用户来源、阻止未授权的链接访问等多种场景。 ### JavaScript中获取页面的referer 在JavaScript中,可以通过全局对象`document`的`referrer`属性来获取当前...
在JavaScript中,获取URL参数是常见的需求,尤其是在构建动态网页时。本文将详细介绍两种方法来获取URL中的参数值,一种是字符串分割分析法,另一种是正则表达式分析法。 一、字符串分割分析法 这种方法主要利用...
在文章中,作者给出了两个方法的调用示例,展示了如何分别使用`getQueryString`和`GetRequest`方法来获取特定参数值,并通过`alert`函数显示这些值。 以上两种方法各有优势和应用场景。正则分析法在处理复杂的字符...
标题“双击一个下拉框另一个得到值”描述了一个具体的场景:当用户在其中一个下拉框中双击选择一项时,另一个下拉框会自动填充与之相关的值。这种功能在数据关联或者筛选过滤等应用中非常常见,可以提升用户体验。 ...