zoukankan      html  css  js  c++  java
  • 【Js】获取地址栏参数(超简单)

    参考网址:https://blog.csdn.net/xiaoxiong_jiaxin/article/details/84317949

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script src="js/jquery-1.9.1.min.js"></script>
        <link rel="stylesheet" href="layui/css/layui.css">
    </head>
    <body>
    
    <script src="layui/layui.all.js"></script>
    <script>
        function getUrlSearch(name) {
            // 未传参,返回空
            debugger;
            if (!name) return null;
            // 查询参数:先通过search取值,如果取不到就通过hash来取
            let after = window.location.search ;
            after = after.substr(1) || window.location.hash.split('?')[1];
            // 地址栏URL没有查询参数,返回空
            if (!after) return null;
            // 如果查询参数中没有"name",返回空
            if (after.indexOf(name) === -1) return null;
    
            let reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)');
            // 当地址栏参数存在中文时,需要解码,不然会乱码
            var r = decodeURI(after).match(reg);
            // 如果url中"name"没有值,返回空
            if (!r) return null;
    
            return r[2];
        }
    
        getUrlSearch('search_box');
    
        console.log('地址栏参数id',getUrlSearch("id"));
    </script>
    </body>
    </html>
  • 相关阅读:
    互联网与局域网(四)
    Socket介绍(五)
    HttpClient(七)
    TCP协议与HTTP协议区别
    TCP连接的三次握手
    context-param和init-param区别
    【HPU】[1736]老王修马路(二)
    【HPU】[1735]老王修马路(一)
    【HPU】[1734]老王修公园
    【HPU】[1733]神奇的数字9
  • 原文地址:https://www.cnblogs.com/moppet/p/14744895.html
Copyright © 2011-2022 走看看