<!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>为什么显示不出来呀,哪里写错了呀
<!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>
<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>
你页面上的代码也有问题,怎么2个body,2个</head>标签呢
<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>
<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>
<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>
<!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,不过我要滚动条的
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>
<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>