问题描述
我有一个静态页面。在其中,我使用 jquery 加载函数加载标头,并在 URL 中传递一个 get 值。我怎样才能得到那个获取值?我尝试了 here 的一些响应,但它们不起作用。我尝试制作一个可以在我拥有的每个页面上使用的工作菜单。
//link-item-activator.js
var queryDict = {};
location.search.substr(1).split("&").forEach(function(item) {queryDict[item.split("=")[0]] = item.split("=")[1]});
console.log(queryDict);//null
//index.html
<!DOCTYPE html>
<head>
<Meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src='js/jquery.js'></script>
<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<script>
$(function() {
$("#header").load('templates/header.html?page=index');
$("#sidebar").load('templates/sidebar.html?page=index');
});
</script>
</head>
<body>
<div id="header"></div>
</body>
//header.html
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light">
<div class="container">
<div class="collapse navbar-collapse w-100" id="navbarSupportedContent">
<ul class="nav navbar-nav mb-2 ms-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Methods
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="nav-link dropdown-item" href="#">Address book</a></li>
<li><a class="nav-link dropdown-item" href="#">Affiliate</a></li>
<li><a class="nav-link dropdown-item" href="#">Batch</a></li>
<li><a class="nav-link dropdown-item" href="#">Blocklist</a></li>
<li><a class="nav-link dropdown-item" href="#">Hlr</a></li>
<li><a class="nav-link dropdown-item" href="#">Messages</a></li>
<li><a class="nav-link dropdown-item" href="#">User</a></li>
<li><a class="nav-link dropdown-item" href="#">Other</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<script type="text/javascript" src="./js/link-item-activator.js"></script>
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)