javascript静态页面传值的三种方法---静态页面值传递之URL篇
2016-12-30 21:10
381 查看
能过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.jb51.net/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.jb51.net/index.htm?a=1&b=1&c=测试测试"; alert(str.getQuery("a")); alert(str.getQuery("b")); alert(str.getQuery("c")); </script>
相关文章推荐
- javascript静态页面传值的三种方法---静态页面值传递之Cookie篇
- javascript通过url向jsp页面传递中文参数乱码解决方法
- html静态页面传递参数-利用JavaScript方法实现静态
- 利用JavaScript方法实现静态html页面参数传递
- javascript写的关于静态页面获取URL传递参数的函数
- javascript写的关于静态页面获取URL传递参数的函数[原创]
- 备忘录:javascript通过url向jsp页面传递中文参数乱码解决方法
- 备忘录:javascript通过url向jsp页面传递中文参数乱码解决方法
- html静态页面传递参数-利用JavaScript方法实现静态
- javascript通过url向jsp页面传递中文参数乱码解决方法
- javascript通过url向jsp页面传递中文参数乱码解决方法
- javascript通过url向jsp页面传递中文参数乱码解决方法
- javascript通过url向jsp页面传递中文参数乱码解决方法
- javascript写的关于静态页面获取URL传递参数的函数[原创]
- javascript通过url向jsp页面传递中文参数乱码解决方法(两次编码,一次解码)
- asp.net中页面间url参数传递的三种实现方法
- javascript通过url向jsp页面传递中文参数乱码解决方法
- javascript通过url向jsp页面传递中文参数乱码解决方法
- javascript通过url向jsp页面传递中文参数乱码解决方法
- ASP.NET中用javascript实现页面间传递数据的方法