gpt4 book ai didi

javascript - 一些新手 Javascript 问题

转载 作者:太空宇宙 更新时间:2023-11-04 15:40:00 25 4
gpt4 key购买 nike

好的,所以我有一个网站,所有这些都在一个静态页面 index.php 上运行。页面上的内容由 URL 中的变量决定。

  • index.php?site=home
  • index.php?site=forum
  • index.php?site=news

然后我有几个稍微长一点的

  • index.php?site=news&action=archive

我正在尝试编写一个脚本来更改我当前所在页面的导航按钮的颜色。

我正在处理的脚本获取页面的 url,使用 .search 来获取 ? 之后的所有内容。然后我将字符串拆分并获取第二部分(等号后的部分),但这仅适用于具有 1 个变量的部分。

我在考虑 if 语句的思路,检查解析的字符串中是否有多个“=”,以及它是否抓取最后一个之后的文本。类似这样的事情——我知道我是个十足的菜鸟。

此外,我是否可以在头部设置 javascript setAttribute,还是需要在声明 ID/类之后设置?

<html>
<head>
<title>Test</title>
<style type="text/css">
.test {
color: yellow;
font-size: 5em;
}
</style>
<script type="text/javascript">
function parseUrl(url) {
var a = document.createElement('a');
a.href = url;
return a;
}

var page=parseUrl('').search;
var site=page.split("=")[1];

</script>
</head>
<body>
<ul>
<li id ="nav_home"><a href="testtest.html?site=home">Home</a>
<li id ="nav_forum"><a href="testtest.html?site=forum"/>Forum</a>
<li id ="nav_help"><a href="testtest.html?site=help"/>Help</a>
<li id ="nav_roster"><a href="testtest.html?site=roster"/>Roster<a/>
<li id ="nav_news"><a href="testtest.html?site=news"/>News<a/>
<li id ="nav_archive"><a href="testtest.html?site=news&action=archive"/>Archive<a/>
<script type="text/javascript">
document.getElementById("nav_" + site).setAttribute("class", "test");
</script>
</body>
</html>

最佳答案

只想回顾一下备受赞誉的解决方案:-- How can I get query string values in JavaScript?

您可能很快就会想开始使用 jQuery。少跨浏览器问题,多做,少写。

最后,将脚本放在结束 body 标记之前被认为是一种很好的做法。你可以考虑一下。 -- How does the location of a script tag in a page affect a JavaScript function that is defined in it?

关于javascript - 一些新手 Javascript 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12272590/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com