如何用循环语句在javascript 中编写表格呀
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>
<style>
<!--
body{padding:0px;margin:8px 2px;}
table{width:122px;height:148px;table-layout: fixed;text-align:center;float:left;overflow:hidden;}
.img_border1{width:94px;height:94px;vertical-align:middle;padding:0px;border:#D4D0C8 solid 1px;overflow:hidden;}
.img_border2{width:94px;height:94px;vertical-align:middle;padding:0px;border:#3B5998 solid 1px;background-color:#DDDDDD;overflow:hidden;}
.description{height:40px;line-height:12px;font-size:12px;vertical-align:top;padding-top:2px;}
a img{border:none;}
#showimg{width:100%;float:left;height:auto;border:#3B5998 solid 1px;}
-->
</style>
<script type="text/javascript" defer="true">
<!--
//图片按比例缩放
var flag=false;
function drawImage(ImgD,iwidth,iheight){
//参数(图片,允许的宽度,允许的高度)
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>= iwidth/iheight){
if(image.width>iwidth){
ImgD.width=iwidth;
ImgD.height=(image.height*iwidth)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
else{
if(image.height>iheight){
ImgD.height=iheight;
ImgD.width=(image.width*iheight)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
}
}
function mOvr(styleD){styleD.className = 'img_border2';}
function mOut(styleD){styleD.className = 'img_border1';}
</script>
<script>
var arrlenth=48;
var arr=new Array();
for(i=1;i<=arrlenth;i++)
{
arr[i]=i+'.jpg';
}
function showImg()
{
var obj=document.getElementById("showimg");
var string = '';
for(i=1;i<=arrlenth;i++)
{
string +='<table><tr><td style="width:8px;"> </td>';
string +='<td id='+i+' class="img_border1" onMouseOver="mOvr(this)" onMouseOut="mOut(this)">';
string +='</td><td style="width:8px;"> </td></tr>';
string +='<tr><td class="description" colspan="3"></td></tr></table>';
}
obj.innerHTML = string;
loadImg();
}
function loadImg(){
for(i=1;i<=arrlenth;i++)
{
var objimg =document.getElementById(i);
objimg.innerHTML ='<a href='+arr[i]+'><img src="'+arr[i]+'"'+'onload="drawImage(this,94,94)"/></a>';
}
}
</script>
</head>
<body onload="showImg()">
<div id="showimg"></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>
<style>
<!--
body{padding:0px;margin:8px 2px;}
table{width:122px;height:148px;table-layout: fixed;text-align:center;float:left;overflow:hidden;}
.img_border1{width:94px;height:94px;vertical-align:middle;padding:0px;border:#D4D0C8 solid 1px;overflow:hidden;}
.img_border2{width:94px;height:94px;vertical-align:middle;padding:0px;border:#3B5998 solid 1px;background-color:#DDDDDD;overflow:hidden;}
.description{height:40px;line-height:12px;font-size:12px;vertical-align:top;padding-top:2px;}
a img{border:none;}
#showimg{width:100%;float:left;height:auto;border:#3B5998 solid 1px;}
-->
</style>
<script type="text/javascript" defer="true">
<!--
//图片按比例缩放
var flag=false;
function drawImage(ImgD,iwidth,iheight){
//参数(图片,允许的宽度,允许的高度)
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>= iwidth/iheight){
if(image.width>iwidth){
ImgD.width=iwidth;
ImgD.height=(image.height*iwidth)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
else{
if(image.height>iheight){
ImgD.height=iheight;
ImgD.width=(image.width*iheight)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
}
}
function mOvr(styleD){styleD.className = 'img_border2';}
function mOut(styleD){styleD.className = 'img_border1';}
</script>
<script>
var arrlenth=48;
var arr=new Array();
for(i=1;i<=arrlenth;i++)
{
arr[i]=i+'.jpg';
}
function showImg()
{
var obj=document.getElementById("showimg");
var string = '';
for(i=1;i<=arrlenth;i++)
{
string +='<table><tr><td style="width:8px;"> </td>';
string +='<td id='+i+' class="img_border1" onMouseOver="mOvr(this)" onMouseOut="mOut(this)">';
string +='</td><td style="width:8px;"> </td></tr>';
string +='<tr><td class="description" colspan="3"></td></tr></table>';
}
obj.innerHTML = string;
loadImg();
}
function loadImg(){
for(i=1;i<=arrlenth;i++)
{
var objimg =document.getElementById(i);
objimg.innerHTML ='<a href='+arr[i]+'><img src="'+arr[i]+'"'+'onload="drawImage(this,94,94)"/></a>';
}
}
</script>
</head>
<body onload="showImg()">
<div id="showimg"></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script language="javascript">
var r=3;
var c=3;
document.write("<table border=1>");
for(i=0;i<r;i++)
{
document.write("<tr>")
for(j=0;j<c;j++)
{
document.write("<td>"+i+"行"+j+"列"+"</td>")
}
document.write("</tr>")
}
document.write("</table>")
</script>
var r=3;
var c=3;
document.write("<table border=1>");
for(i=0;i<r;i++)
{
document.write("<tr>")
for(j=0;j<c;j++)
{
document.write("<td>"+i+"行"+j+"列"+"</td>")
}
document.write("</tr>")
}
document.write("</table>")
</script>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
