如何更改边框线颜色刷新页面

【问题标题】：How to change the border line color refresh the page如何更改边框线颜色刷新页面
【发布时间】：2010-11-03 05:49:30
【问题描述】：

我在站点中应用了 CSS 边框颜色。我想在每次刷新页面时更改边框颜色。如何在 javascript 中编写代码。

【问题讨论】：

devcurry.com/2010/08/…
这是不断变化的我只想刷新页面边框颜色会改变

【解决方案1】：

function chgbord()
{
 var colorarr=new Array('red','green','blue');
 document.getElementById('id').style.border="border:1px solid "+colorarr[Math.floor(Math.random()*3)];
}

并使用<body load="chgbord()">

【讨论】：

它不起作用。我在 php 中找到了代码，但是如何在 javascript 中编写此代码测试页正文来了正文>
Error: missing ) after argument list Source File: Line: 9, Column: 30 Source Code: var colorarr=new Array('red,'green','blue');
对不起，我错过了红色附近的报价

【解决方案2】：

稍微不同的选项：

HTML：

<div class="myDiv"></div>

CSS：

.myDiv { border-top: 5px solid #333; }

功能：

<script type="text/javascript" charset="utf-8">

  $(document).ready(function() {
      ChangeBorder(); 
  }); 

  function ChangeBorder() {

      var colors = ["#ff0000", "#00ff00", "#0000ff", "#731472" ];
      var rand = Math.floor(Math.random()*colors.length);           
      $('.myDiv').css("border-color", colors[rand]); 

  }

</script>

【讨论】：