<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head><body> <script type="text/javascript">


function user( )
{

  
  
   var result ="<table border=1><tr><td>Student ID</td><td>Student Name</td><td>Student Class</td></tr>";
   for (var i=0;i<20;i++)
   {
     result +="<tr>";
    
     result +="<td>"+i+"</td>";
     result +="<td>"+i"</td>";
     result +="<td>"+i"</td>";
     result +="</tr>";
   }
   result +="</table>";
   document.getElementById("data").innerHTML=result;
</script>
  
  
  </head>
  
  <body  onload="user( )">    <div id="data"></div>  </body>
</html>为什么显示不出来呀,哪里写错了呀

解决方案 »

  1.   

    少了2个加号和一个大括号
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <title>无标题文档 </title> 
    </head> <body> 
    <script type="text/javascript"> 
    function user( ) 
    {   
      
      var result =" <table border=1> <tr> <td>Student ID </td> <td>Student Name </td> <td>Student Class </td> </tr>"; 
      for (var i=0;i <20;i++) 
      { 
        result +=" <tr>"; 
        
        result +=" <td>"+i+" </td>"; 
        result +=" <td>"+i+" </td>"; 
        result +=" <td>"+i+" </td>"; 
        result +=" </tr>"; 
      } 
      result +=" </table>"; 
      document.getElementById("data").innerHTML=result; 
    }
    </script> 
      
      
      </head> 
      
      <body  onload="user( )">     <div id="data"> </div>   </body> 
    </html>
      

  2.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <title>无标题文档 </title> 
    <script type="text/javascript"> 
    function user() 
    {   
      
      var result =" <table border=1> <tr> <td>Student ID </td> <td>Student Name </td> <td>Student Class </td> </tr>"; 
      for (var i=0;i <20;i++) 
      { 
        result +=" <tr>"; 
        
        result +=" <td>"+i+" </td>"; 
        result +=" <td>"+i+" </td>"; 
        result +=" <td>"+i+" </td>"; 
        result +=" </tr>"; 
      } 
      result +=" </table>"; 
      document.getElementById("data").innerHTML=result; 
      }
    </script>
    </head> <body onload="user()"> 
        <div id="data"> </div>   </body> 
    </html> 
      

  3.   

    还有
    你页面上的代码也有问题,怎么2个body,2个</head>标签呢
      

  4.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <title>无标题文档 </title>
    <script type="text/javascript"> 
    function user()

    var result =" <table border=1> <tr> <td>Student ID </td> <td>Student Name </td> <td>Student Class </td> </tr>"; 
    for (var i=0;i <20;i++) 

    result +=" <tr>";  result +=" <td>"+i+" </td>"; 
    result +=" <td>"+i+" </td>"; 
    result +=" <td>"+i+" </td>"; 
    result +=" </tr>"; 

    result +=" </table>"; 
    document.getElementById("data").innerHTML=result; 
    }
    </script> 
    </head>  
      <body  onload="user();"> 
        <div id="data"> </div> 
      </body> 
    </html> 
      

  5.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <title>无标题文档 </title> 
    <script type="text/javascript"> 
    function user( ) 

      var result =" <table border=1> <tr> <td>Student ID </td> <td>Student Name </td> <td>Student Class </td> </tr>"; 
      for (var i=0;i <20;i++) 
      { 
        result +=" <tr>"; 
        
        result +=" <td>"+i+" </td>"; 
        result +=" <td>"+i+" </td>"; 
        result +=" <td>"+i+" </td>"; 
        result +=" </tr>"; 
      } 
      result +=" </table>"; 
      document.getElementById("data").innerHTML=result; 
    }
    </script> 
    </head> 
      <body  onload="user()">     <div id="data"> </div>   </body> 
    </html>
      

  6.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档 </title>
    <script type="text/javascript">
    function user(){
    var result = " <table border=1> <tr> <td>Student ID </td> <td>Student Name </td> <td>Student Class </td> </tr>";
    for (var i = 0; i < 20; i++) {
    result += " <tr>";
    result += " <td>" + i + " </td>";
    result += " <td>" + i + " </td>";
    result += " <td>" + i + " </td>";
    result += " </tr>";
    }
    result += " </table>";
    document.getElementById("data").innerHTML = result;
    }
    </script>
    </head>
    <body onload="user()">
    <div id="data"></div>
    </body>
    </html>
      

  7.   

    再来一个问题
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
     <script type="text/javascript">


    function user( )
    {

      
      
       var result ="<table border=1><tr><td>ID</td><td>Name</td><td>Class</td></tr>";
       for (var i=0;i<18;i++)
       {
         result +="<tr>";
        
         result +="<td>"+i+"</td>";
         result +="<td>"+i+"</td>";
         result +="<td>"+i+"</td>";
         result +="</tr>";
       }
       result +="</table>";
       document.getElementById("xianshi").innerHTML=result;
       }
    </script>
      
      
      </head>
      
      <body  onload="user( )">    <div id="xianshi"></div>
    <p>如何实现分页呢</p>  </body>
    </html></body>
    </html>
    如何实现用滚动条分页,
    跟这个差不多http://bbs.okajax.com/demo/4/index2.html,不过我要滚动条的
      

  8.   

    那是你没有<tbody>写上就可以显示了切记。 
      

  9.   

    lz太马虎了<script type="text/javascript"> 
    function user( ) 
    {   
      
      var result =" <table border=1> <tr> <td>Student ID </td> <td>Student Name </td> <td>Student Class </td> </tr>"; 
      for (var i=0;i <20;i++) 
      { 
        result +=" <tr>"; 
        
        result +=" <td>"+i+" </td>"; 
        result +=" <td>"+i" </td>"; 
        result +=" <td>"+i" </td>"; 
        result +=" </tr>"; 
      } 
      result +=" </table>"; 
      document.getElementById("data").innerHTML=result; 
    </script> 
      
      
      </head> 
    修改为
    <script type="text/javascript"> 
    function user( ) 
    {   
      
      var result =" <table border=1> <tr> <td>Student ID </td> <td>Student Name </td> <td>Student Class </td> </tr>"; 
      for (var i=0;i <20;i++) 
      { 
        result +=" <tr>"; 
        
        result +=" <td>"+i+" </td>"; 
        result +=" <td>"+i+" </td>"; 
        result +=" <td>"+i+" </td>"; 
        result +=" </tr>"; 
      } 
      result +=" </table>"; 
      document.getElementById("data").innerHTML=result; 
    }
    </script> 
      

  10.   

    各位大哥,如何实现 滚动条分页呢?这是我的代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
     <script type="text/javascript">


    function user( )
    {

      
      
       var result ="<table border=1><tr><td>ID</td><td>Name</td><td>Class</td></tr>";
       for (var i=0;i<18;i++)
       {
         result +="<tr>";
        
         result +="<td>"+i+"</td>";
         result +="<td>"+i+"</td>";
         result +="<td>"+i+"</td>";
         result +="</tr>";
       }
       result +="</table>";
       document.getElementById("xianshi").innerHTML=result;
       }
    </script>  
      </head>
      
      <body  onload="user( )">
      
      <div id="cc" style="height:250px;width:200px;overflow-y:scroll;overflow-x:hidden;"> 
      
      
       <div   style="overflow:auto;height:80">   
        <div id="xianshi" >   </div>
    <p>如何实现分页呢</p>
    </div>
    </div>   </body>
    </html>
    </body>
    </html>