JavaScript 获取url，html文件名，参数值

1、获取url：

window.location.href;

2、获取url中的文件名：

function getHtmlDocName() {
    var str = window.location.href;
    str = str.substring(str.lastIndexOf("/") + 1);
    str = str.substring(0, str.lastIndexOf("."));
    return str;
}

3、获取url中的指定参数的值：jquery从html路径中获取参数、拼接参数
例：
路径：http://localhost:8080/orderDinner/meal.html?flag=0&type=cai
jquery代码：

var flag = GetQueryString("flag");
var type= GetQueryString("type");

function  GetQueryString(name) {
    //构造一个含有目标参数的正则表达式对象
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); 
    //匹配目标参数
    var r = window.location.search.substr(1).match(reg);
    //返回参数值
    if (r != null) return unescape(r[2]);
    //不存在时返回null
    return null; 
}

这样，可以获取到flag和type两个参数的值。

另：给html拼接参数：
html代码：

<a href="meal.html" id="cai">菜</a>

jquery代码：

$("#cai").attr("href","meal.html?flag="+flag+"&type="+type);

集卡活动中的任务，有的是点击跳转到某一链接即可完成任务，或者是在跳转链接停留多长时间即可完成任务，类似这样的，在任务列表点击某一任务跳转链接的情形，用到上述的内容，即拼装相应的参数。原本的链接比如http://www.hello.cm/detail/123.html从任务链接点过去拼装成http://www.hello.cm/detail/123.html?task_id=1&source=baidu&task_type=1&time=5这样的链接过去，页面获取相应的参数和值，如果获取到了，则开启计时器或者等待用户下一步操作继续拼接以上参数，从而在完成任务的时候，调取完成任务接口，统计奖励，服务端做相应的数据处理并做幂等校验。

4、ECMAScript v3 已从标准中删除了 unescape() 函数，并反对使用它，因此应该用 decodeURI() 和 decodeURIComponent() 取而代之。
综上： javascript对参数编码解码方法要一致：
escape()　→　unescape()
encodeURI()　→　 decodeURI()
encodeURIComponent()　→　decodeURIComponent()

5.window.location 对象所包含的属性

image

image

如图就是取出url中的参数。window.location.search

JS 脚本捕获页面 GET 方式请求的参数？其实直接使用 window.location.search 获得，然后通过 split 方法结合循环遍历自由组织数据格式。

大概处理如下：

var searchURL = window.location.search;  //获得连带?后面的参数，不包括#后面的
searchURL = searchURL.substring(1, searchURL.length);  //去除问号
var targetPageId = searchURL.split("&")[0].split("=")[1];  //获取第一个参数的值

JavaScript 获取url，html文件名，参数值

猜你喜欢