【问题标题】:How to change color in the current website by using js?如何使用js改变当前网站的颜色?
【发布时间】:2012-10-10 07:48:56
【问题描述】:

我是JS的新手。我正在尝试编写一个JS代码来改变当前链接的颜色。例如,如果它在首页,颜色为红色,其他为蓝色。但是如果我点击 SHOP 标签,shop 会变成红色,其他都是蓝色的。

这是我的想法:

if(currentpage.href==one of a.href)
then a.style.color=red

我已经搜索了这么多页面,但是当我尝试使用它们时,其中一些在本地计算机上工作,但在服务器上没有一个工作。

请帮帮我! 谢谢你的时间:)​​​​

<div  id="changeColor" class="horizontalcssmenu" style="padding-left:7px;">
<a href="linkeadress" >HOME</a>
<a href="linkaddress" >SHOP</a>
</div>


<script type="text/javascript">
var links = document.getElementById("changeColor");
for(var i=0;i<2;i++)
{
  if(links.getElementsByTagName("a")[i].href == window.location.href)=function(){
    var tempLink=links.getElementsByTagName("a")[i];
    for(i=0;i<tempLink.length;i++){
      tempLink.style.color="#ff8100";
    }
  }
}
</script>

【问题讨论】:

  • Javascript与服务器无关。

标签: javascript web


【解决方案1】:

如果链接是完全限定的(这意味着它们将与地址栏中出现的完全匹配)http://jsfiddle.net/G7LGA/1/

,这将起作用

如果您有部分字符串,请告诉我格式,我将能够更新函数以更好地匹配。

【讨论】:

  • 你应该接受答案,以免其他人试图回答
【解决方案2】:

tempLink.style.backgroundColor="#ff8100";

如果你想改变背景颜色

【讨论】:

    猜你喜欢
    • 2023-02-16
    • 1970-01-01
    • 2020-05-13
    • 1970-01-01
    • 2021-10-04
    • 2012-01-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多