Javascript 加载页面后调用脚本

Javascript 加载页面后调用脚本,javascript,html,Javascript,Html,我有一个从几个jsp页面填充的表。 加载页面后,我想交替使用表背景 我必须将此脚本称为: function alternate(id){ var table = document.getElementById(id); var rows = table.getElementsByTagName("tr"); for(i = 0; i < rows.length; i++){ if(i % 2 == 0){

我有一个从几个jsp页面填充的表。 加载页面后,我想交替使用表
背景

我必须将此脚本称为:

function alternate(id){ 
    var table = document.getElementById(id);   
    var rows = table.getElementsByTagName("tr");   
    for(i = 0; i < rows.length; i++){  
        if(i % 2 == 0){ 
            rows[i].style.backgroundColor = "#84939a"; 
          }else{ 
            rows[i].style.backgroundColor = "#FFFFFF";
          }      
    }
    }
函数替换(id){
var table=document.getElementById(id);
var rows=table.getElementsByTagName(“tr”);
对于(i=0;i
我该怎么做? 提前谢谢

document.onload = function() {alternate(id)};
只需确保将
id
替换为要用引号括起来的id即可

只需确保将
id
替换为要用引号括起来的id即可

只需确保将
id
替换为要用引号括起来的id即可

只需确保将
id
替换为您希望用引号括起来的id即可。

只需将您的
放在关闭
标记之前,并将其命名为:

<script>
function alternate(id){ 
var table = document.getElementById(id);   
var rows = table.getElementsByTagName("tr");   
for(i = 0; i < rows.length; i++){  
    if(i % 2 == 0){ 
        rows[i].style.backgroundColor = "#84939a"; 
      }else{ 
        rows[i].style.backgroundColor = "#FFFFFF";
      }      
}
}
alternate();
</script>

函数替换(id){
var table=document.getElementById(id);
var rows=table.getElementsByTagName(“tr”);
对于(i=0;i
只需将您的
放在关闭
标签的前面,然后调用它:

<script>
function alternate(id){ 
var table = document.getElementById(id);   
var rows = table.getElementsByTagName("tr");   
for(i = 0; i < rows.length; i++){  
    if(i % 2 == 0){ 
        rows[i].style.backgroundColor = "#84939a"; 
      }else{ 
        rows[i].style.backgroundColor = "#FFFFFF";
      }      
}
}
alternate();
</script>

函数替换(id){
var table=document.getElementById(id);
var rows=table.getElementsByTagName(“tr”);
对于(i=0;i
只需将您的
放在关闭
标签的前面,然后调用它:

<script>
function alternate(id){ 
var table = document.getElementById(id);   
var rows = table.getElementsByTagName("tr");   
for(i = 0; i < rows.length; i++){  
    if(i % 2 == 0){ 
        rows[i].style.backgroundColor = "#84939a"; 
      }else{ 
        rows[i].style.backgroundColor = "#FFFFFF";
      }      
}
}
alternate();
</script>

函数替换(id){
var table=document.getElementById(id);
var rows=table.getElementsByTagName(“tr”);
对于(i=0;i
只需将您的
放在关闭
标签的前面,然后调用它:

<script>
function alternate(id){ 
var table = document.getElementById(id);   
var rows = table.getElementsByTagName("tr");   
for(i = 0; i < rows.length; i++){  
    if(i % 2 == 0){ 
        rows[i].style.backgroundColor = "#84939a"; 
      }else{ 
        rows[i].style.backgroundColor = "#FFFFFF";
      }      
}
}
alternate();
</script>

函数替换(id){
var table=document.getElementById(id);
var rows=table.getElementsByTagName(“tr”);
对于(i=0;i
如果使用JQuery,则可以使用:

$(document).ready(function(){

.. your code

});
但是使用css进行交替颜色要简单得多

tr:nth-child(odd)       { background-color:#84939a; }
tr:nth-child(even)      { background-color:#FFFFFF; }

如果您使用的是JQuery,则可以使用:

$(document).ready(function(){

.. your code

});
但是使用css进行交替颜色要简单得多

tr:nth-child(odd)       { background-color:#84939a; }
tr:nth-child(even)      { background-color:#FFFFFF; }

如果您使用的是JQuery,则可以使用:

$(document).ready(function(){

.. your code

});
但是使用css进行交替颜色要简单得多

tr:nth-child(odd)       { background-color:#84939a; }
tr:nth-child(even)      { background-color:#FFFFFF; }

如果您使用的是JQuery,则可以使用:

$(document).ready(function(){

.. your code

});
但是使用css进行交替颜色要简单得多

tr:nth-child(odd)       { background-color:#84939a; }
tr:nth-child(even)      { background-color:#FFFFFF; }