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

最新推荐文章于 2023-04-14 09:40:24 发布

原创最新推荐文章于 2023-04-14 09:40:24 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html #jsp

前端专栏收录该内容

134 篇文章

订阅专栏

本文介绍了一种在HTML页面中利用JavaScript实现GET请求参数解析的方法。通过提供的函数Request(strName)，可以轻松地从URL中获取指定名称的参数值，便于在不使用服务器端语言的情况下完成页面间的值传递。

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

下边是用JS构造的获取get模式提交值的一个函数.
function Request(strName) 
{ 
var strHref = window.document.location.href; 
var intPos = strHref.indexOf("?"); 
var strRight = strHref.substr(intPos + 1); 
var arrTmp = strRight.split("&"); 
for(var i = 0; i < arrTmp.length; i++) 
{ 
    var arrTemp = arrTmp[i].split("="); 
    if(arrTemp[0].toUpperCase() == strName.toUpperCase()) 
       return arrTemp[1]; 
} 
  return ""; 
} 
使用方法:var id=Request("id"); 
document.write(id); 

有了这个函数我们就可以在html页面上进行取值了.将取得的值付给文本框的value属性中即可