【JS】☆★之JS制作表格


    在实际项目开发中,我们需要的表格的行,列,背景色,都可能是动态的,因此利用JS做成一个函数,在我们需要的地方直接调用这个函数,是一个非常好的方法,如下:

    

<!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=utf-8" />
<title>动态制作表格</title>
	<script type="text/javascript">
		table(8,2,"red");
		function table(row,col,color){
			document.write('<table border="1" width="800" align="center">');
			for(var i=0;i<row;i++){
				if(i%2==0)
				var bg=color;
				else
				var bg="";
				document.write('<tr bgcolor="'+bg+'">');
					for(var j=1;j<=col;j++)
					document.write('<td>'+(i*row+col)+'</td>');
					document.write('</tr>');
			}
				document.write('</table>');
			}
    </script>
</head>
<body>
</body>
</html>


解释:

table(8,2,"red");传进来就是实际参数,可以动态传进来

table(row,col,color)接受的就是形参

这样,不论是行,列,背景色,宽度,高度等都已作为一个形参,传进来!

OK!