在H5页面上获取URL携带参数

最新推荐文章于 2024-03-23 11:07:59 发布

FINE!（正在努力！）

最新推荐文章于 2024-03-23 11:07:59 发布

阅读量1.8k

点赞数 1

分类专栏： JAVA学习文章标签： html

本文链接：https://blog.csdn.net/eric_xkk/article/details/120153125

版权

JAVA学习专栏收录该内容

4 篇文章 0 订阅

订阅专栏

先看代码

<script language="javascript" type="text/javascript">
    //获取Location对象的search属性值,location对象中search属性返回的是URL问号之后的那部分（包括问号）
    var searchStr = location.search;
    //去除无用的字符"?"
    searchStr = searchStr.substr(1);
    //将searchStr字符串分割成数组，数组中的每一个元素为一个参数和参数值
    var searchs = searchStr.split("&");
    //获得第一个参数和值
    var address = searchs[0].split("=");
    //将第一个value输出到h5
    document.write("<h3 style=\"text-align:center\">" + "第一个value的值：" + address[1] + "</h3>");
</script>

再来看案例,放一个简单的H5页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body>
<script language="javascript" type="text/javascript">
    //获取Location对象的search属性值,location对象中search属性返回的是问号之后的URL
    var searchStr = location.search;
    //去除无用的字符"?"
    searchStr = searchStr.substr(1);
    //将searchStr字符串分割成数组，数组中的每一个元素为一个参数和参数值
    var searchs = searchStr.split("&");
    //获得第一个参数和值
    var address = searchs[0].split("=");
    //将第一个value输出到h5
    document.write("<h3 style=\"text-align:center\">" + "第一个value的值：" + address[1] + "</h3>");
</script>
</body>
</html>

跑起来，可以看到输出的结果就是value的值
将URL中的name=value修改一下做测试
在这里插入图片描述

FINE!（正在努力！）

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
在H5页面上获取URL携带参数

先看代码<script language="javascript" type="text/javascript"> //获取Location对象的search属性值,location对象中search属性返回的是URL问号之后的那部分（包括问号） var searchStr = location.search; //去除无用的字符"?" searchStr = searchStr.substr(1); //将searchStr字符串分割成数组，数组中的每
复制链接

扫一扫

专栏目录