js怎么获取URL中问号后面的数据或其他页面提交来的数据

js怎么获取URL中问号后面的数据或其他页面提交来的数据,第1张

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:indexhtml。

2、在indexhtml中的<script>标签,输入js代码:documentbodyinnerText = locationsearch;。

3、浏览器运行indexhtml页面,此时url后面的数据被获取到并打印出来。

js可以通过以下方法获取url地址的参数

1、比如有如下url请求:

>

使用js对当前的URL进行 *** 作,可以使用内置对象windowlocation;

windowlocation有以下属性:

windowlocationhref:取得当前地址栏中的完整URL,可以通过赋值改变当前地址栏中的URL;

windowlocationsearch 取得当前URL的参数部分,即“”后面的部分(包括问号),可以通过赋值改变URL的参数部分;

windowlocationhash:取得当前URL中包含的锚记,即“#”后面的部分(包括#),可以通过赋值改变URL的锚记部分;

windowlocationhost:取得当前URL中的主机信息,包括端口号,可以通过赋值改变主机信息;

windowlocationhostname:取得当前URL中的域名部分,不包括端口号,可以通过赋值改变域名;

windowlocationport:取得当前URL中的端口号,可以通过赋值改变端口号;

windowlocationpathname:取得当前URL中的路径信息,即域名与参数之间的部分,可以通过赋值改变当前URL的路径;

windowlocationprotocol:取得当前URL的协议部分,比如>

首先你的xxx-xxx-xx是如何设定的?

- 如果是随机数,那么就用random()生成好了,数量巨大就用多个random()拼接嘛,反正js里面支持数字、字符串随便转。

- 如果是对应关系,有abcd对应xxxx-xxx-xx,那么就用hash方法了,md5就可以。Javascript没有自带md5或者sha1哈希,不过网上都是源码。

- 最后,如果是一些用户生成记录的跳转,那么客户端技术是解决不了的,还是要借助数据库和PHP

方法如下:

1采用正则表达式获取地址栏参数:

代码如下:

function GetQueryString(name)

{

var reg = new RegExp("(^|&)"+ name +"=([^&])(&|$)");

var r = windowlocationsearchsubstr(1)match(reg);

if(r!=null)return unescape(r[2]); return null;

}

// 调用方法

alert(GetQueryString("参数名1"));

alert(GetQueryString("参数名2"));

alert(GetQueryString("参数名3"));

2例子:

若地址栏URL为:abchtmlid=123&url=>

设置或获取对象指定的文件名或路径。

<script>

alert(windowlocationpathname)

</script>

设置或获取整个 URL 为字符串。

<script>

alert(windowlocationhref);

</script>

设置或获取与 URL 关联的端口号码。

<script>

alert(windowlocationport)

</script>

设置或获取 URL 的协议部分。

<script>

alert(windowlocationprotocol)

</script>

设置或获取 href 属性中在井号“#”后面的分段。

<script>

alert(windowlocationhash)

</script>

设置或获取 location 或 URL 的 hostname 和 port 号码。

<script>

alert(windowlocationhost)

</script>

设置或获取 href 属性中跟在问号后面的部分。

<script>

alert(windowlocationsearch)

</script>

以下函数可以获取url任意参数的值:

function getParams(key){

    var url = locationsearchreplace(/^\/,'')split('&');

    var paramsObj = {};

    for(var i = 0, iLen = urllength; i < iLen; i++){

        var param = url[i]split('=');

        paramsObj[param[0]] = param[1];

    }

    if(key){

        return paramsObj[key] || '';

    }

    return paramsObj;

}

可选参数key表示获取参数的名称,如果省略该参数,则会返回一个对象,包含所有参数的key和value。

获取的方法如下:

1、设置或获取整个 URL 为字符串: windowlocationhref

2、设置或获取与 URL 关联的端口号码: windowlocationport

3、设置或获取 URL 的协议部分 windowlocationprotocol

4、设置或获取 href 属性中跟在问号后面的部分 windowlocationsearch

5、获取变量的值(截取等号后面的部分)

6、设置或获取 URL 的协议部分: windowlocationprotocol

7、设置或获取 href 属性中在井号“#”后面的分段: windowlocationhash

8、设置或获取 location 或 URL 的 hostname 和 port 号码: windowlocationhost

以上就是关于js怎么获取URL中问号后面的数据或其他页面提交来的数据全部的内容,包括:js怎么获取URL中问号后面的数据或其他页面提交来的数据、如何通过js获取url地址的参数、如何使用js获取修改URL等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9693945.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存