zoukankan      html  css  js  c++  java
  • Web表格部分内容

    <!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">

    //var str='<table border="1"><tr><td>Bill Gates</td></tr></table>';


    function init(row, col)
    {
    var myArray=new Array(13);//存储单元格的元素值
    var n= (row*col)/2 ;
    for(var k=1;k<=n;k++)
    {
    myArray[k]= parseInt( Math.random() *n );
    myArray[(k+n)]=myArray[k];
    }


    var str='<table border="1" width="300" height="300">';
    for(var i=1;i<=row;i++)
    {
    str+="<tr>";
    for(var j=1;j<=col;j++)
    {
    str+="<td onclick='judge("+ ( (i-1)*col+j )+");'>"+ myArray[ ((i-1)*col+j) ] +"</td>";
    }
    str+="</tr>";
    }
    str+= "</table>"
    // i=1 j=1---3 1 2 3 (i-1)*3+j
    //i=2 4 5 6
    //document.write(str);
    document.getElementById("mt").innerHTML=str;
    }
    function createTable()
    {
    var row=document.getElementById("t1").value;
    var col=document.getElementById("t2").value;
    init(row,col);
    }
    function judge(temp)
    {
    alert(temp);
    }
    </script>
    </head>

    <body>
    <div id="mt">test</div>
    <input type="text" value="3" id="t1"/>
    <input type="text" value="4" id="t2"/>
    <input type="button" value="生产表格" onClick="createTable();"/>
    </body>
    </html>

  • 相关阅读:
    Mac 删除Openfire
    FMDB使用
    豆瓣restful api 状态和错误码
    豆瓣开放api
    常用文字配色方案
    电商网站参考
    HP后端跨域HEADER头
    PHP统计 图表实现方法
    PHP 全过程教程和测试网
    Ajax技术在购物车中的应用(PHP篇)
  • 原文地址:https://www.cnblogs.com/lcm1094300616/p/5316847.html
Copyright © 2011-2022 走看看