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

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

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

---

并使用稍微不同的选项：

HTML:

功能：

<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>

$（文档）.ready（函数（）{
ChangeBorder（）；
}); 
函数ChangeBorder（）{
变量颜色=[“ff0000”、“00ff00”、“0000ff”、“731472”]；
var rand=Math.floor（Math.random（）*colors.length）；
$（'.myDiv'）.css（“边框颜色”，颜色[rand]）；
}

这是不断变化的，我只想刷新页面边框颜色会改变它不起作用。我在php中找到了代码，但如何在javascript测试页面中编写此代码错误：缺失）参数列表后源文件：行：9，列：30源代码：var colorarr=new Array（'red，'green'，'blue'）；对不起，我错过了“近红色”的报价

.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>