当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript静态页面值传递:URL篇

Javascript
非常不错的不间断循环滚动类 兼容多浏览器
完美解决JS中汉字显示乱码问题(已解决)
另类调用flash无须激活的方法
fromCharCode和charCodeAt 方法
JavaScript方法和技巧大全
选择与取消选择不错的应用 js
javascript中对对层的控制
通过js脚本复制网页上的一个表格的不错实现方法
JavaScript数组的快速克隆(slice()函数)和数组的排序、乱序和搜索(sort()函数)
slice函数的用法 之不错的应用
js自带函数备忘 数组
JavaScript 参考教程
经典的解除许多网站无法复制文字的绝招
利用JS获取IE客户端IP及MAC的实现好象不可以
彻底搞懂JS无缝滚动代码
关于Javascript 的 prototype问题。
关于JavaScript的gzip静态压缩方法
JavaScript的目的分析
智能表格
javascript中的对象和数组的应用技巧

Javascript 中的 JavaScript静态页面值传递:URL篇


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 310 ::
收藏到网摘: n/a

本文详细介绍JavaScript静态页面值传递之URL篇

  URL篇

  能过URL进行传值.把要传递的信息接在URL上.

  Post.htm

<input type="text" name="username">
<input type="text" name="sex">
<input type="button" value="Post">
<script language="javascript" >
function Post()
{
  //单个值 Read.htm?username=baobao;
  //多全值 Read.htm?username=baobao&sex=male;
  url = "Read.htm?username="+escape(document.all.username.value);
  url += "&sex=" + escape(document.all.sex.value);
  location.href=url;
}
</script>

 

  Read.htm

<script language="javascript" >
/*
*--------------- Read.htm -----------------
* Request[key]
* 功能:实现ASP的取得URL字符串,Request("AAA")
* 参数:key,字符串.
* 实例:alert(Request["AAA"])
*--------------- Request.htm -----------------
*/
var url=location.search;
var Request = new Object();
if(url.indexOf("?")!=-1)
{
  var str = url.substr(1) //去掉?号
  strs = str.split("&");
  for(var i=0;i<strs.length;i++)
  {
     Request[strs[i ].split("=")[0]]=unescape(strs[ i].split("=")[1]);
  }
}
alert(Request["username"])
alert(Request["sex"])
</script><script language="JavaScript">
<!--
function Request(strName)
{
var strHref = "www.abc.com/index.htm?a=1&b=1&c=测试测试";
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 "";
}
alert(Request("a"));
alert(Request("b"));
alert(Request("c"));
//-->
</script>
<script>
String.prototype.getQuery = function(name)
{
  var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
  var r = this.substr(this.indexOf("?")+1).match(reg);
  if (r!=null) return unescape(r[2]); return null;
}
var str ="www.abc.com/index.htm?a=1&b=1&c=测试测试";
alert(str.getQuery("a"));
alert(str.getQuery("b"));
alert(str.getQuery("c"));
</script>

 

  优点:取值方便.可以跨域.

  缺点:值长度有限制.