字符串截取_了解一下_之前学习的内容,有时就是在后面不经意间用到-优快云博客

这个博客展示了如何使用JavaScript从URL中获取参数。在`b.html`中，通过调用`getUrlParam('pid')`函数，从链接`a.html`传递的`pid`参数中获取值，并在控制台打印。`utils.js`提供了该功能的实现，函数`getUrlParam(key)`解析当前窗口URL，提取指定的查询参数。

a.html

<!--@description-->
<!--@author beyondx-->
<!--@date Created in 2022/08/17/ 7:07-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <a href="b.html?pid=101&pname=咪咪虾条">跳转到b页面</a>
</body>
</html>

b.html

<!--@description-->
<!--@author beyondx-->
<!--@date Created in 2022/08/17/ 7:07-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    This is Page B
    <hr/>
    <!-- 字符串截取, 获取 url中的 pid -->
    <script type="text/javascript" src="utils.js"></script>
    <script type="text/javascript">
        var pid = getUrlParam("pid");
        console.log(pid);
    </script>
</body>
</html>

utils.js

/**
 @description
 @author beyondx
 @date Created in 2022/08/17/ 7:30
 */
function getUrlParam(key) {
    var url = decodeURI(window.location.toString());
    var arr = url.split("?");
    if(arr.length > 1) {
        var params = arr[1].split("&");
        for(var i = 0; i < params.length; i++) {
            var param = params[i]; // "pid" = 101
            if(param.split("=")[0] == key) {
                return param.split("=")[1];
            }
        }
    }
    return null;
}