HTML页面使用JS获取地址栏参数
2016-09-23 10:10
477 查看
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"));
下面举一个例子说明:
若地址栏URL为:abc.html?id=123&name=summer
那么,但你用上面的方法去调用:
alert(GetQueryString("name"));
则会弹出一个对话框,内容就是:summer
如果用:
alert(GetQueryString("id"));,那么弹出的内容就是: 123 ;
当然如果你没有传参数的话,比如你的地址是 abc.html 后面没有参数,那强行输出调用结果有的时候会报错,所以我们要加一个判断 ,判断我们请求的参数是否为空:
var myurl=GetQueryString("url"); if(myurl !=null && myurl.toString().length>1) { alert(GetQueryString("url")); }
这样就不会报错了!
相关文章推荐
- HTML页面中用JS获取地址栏参数的方法(超级简单)
- 在一个页面文件中(JSP 或者HTML)使用href 跳转另一个页面时使用Js中获取传递过来的参数
- 如何使用JS来获取当前页面地址信息
- 用JS获取本页面地址中的参数
- 使用js获取当前页面地址栏参数的两种方法
- js通过获取地址栏参数跳转页面
- 在HTML页面用JS获取Get参数方法
- 使用JS获取地址栏参数
- HTML页面使用js获取项目上下文路径
- js通过获取地址栏参数跳转页面
- 后端往前段传递参数,大部分人都清楚,无非就是发起ajax请求获取后端值,然后通过js写入html相应位置即可。但是前段html页面之间,怎么传递参数呢?
- PHP 使用 $_SERVER['PHP_SELF'] 获取当前页面地址,$_SERVER['REQUEST_URI']获取完整参数URL
- js中使用jquery获取页面中参数并保存在数组中
- 如何使用js来实现通过href完成多个html页面之间的传递参数
- 小技巧-JS获取当前页面的地址和参数等信息
- js获取html页面代码中图片地址的实现代码
- js_html_input中autocomplete="off"在chrom中失效的解决办法 使用JS模拟锚点跳转 js如何获取url参数 C#模拟httpwebrequest请求_向服务器模拟cookie发送 实习期学到的技术(一) LinqPad的变量比较功能 ASP.NET EF 使用LinqPad 快速学习Linq
- HTML页面使用js获取项目上下文路径
- html间页面静态传值(根据url地址拆分字符串获取参数)
- 使用js获取地址栏参数的方法推荐(超级简单)