JS访问表格内容，计时器等示例代码

最新推荐文章于 2021-01-12 21:32:15 发布

yoyoshaoye

最新推荐文章于 2021-01-12 21:32:15 发布

阅读量876

点赞数

分类专栏： ASP.NET 文章标签： button function input 框架 javascript numbers

本文链接：https://blog.csdn.net/yoyoshaoye/article/details/6720066

版权

ASP.NET 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

还是把总结的东西放到网上好哇，记不清楚直接拷贝来用哇

       function reloadpage() {
           window.location.reload();
       }

       function setStatus() {
           window.status = "嘿嘿";
       }
       function printpage() {
           window.print();
       }
        //跳出框架
       function breakout() {
           if (window.top != window.self) {
               window.top.location = "/example/hdom/tryjs_breakout.htm"
           }
       }

       function setpagesizeBY() {
       //在使用框架的情况下window换成top,上下减100
           window.resizeBy(-100,-100);
       }
       function setpagesizeTO() {
           //在使用框架的情况下window换成top
           window.resizeTo(500, 500);
       }

       function scrollWindow() {
       //在区域内文档过长使用
           window.scrollBy(100, 100);
       }
       function scrollWindow() {
        //滚动到指定位置
           window.scrollTo(100, 500)
       }

       function timemsg() {
           var t = setTimeout("settext()", 3000);

       }
       function settext() {
           $("#txt")[0].innerText = "嘿嘿";
       }

       var c = 0;
       var t;//是个标记
       function timedCount() {

           $("#heihei")[0].value = c;
           c = c + 1;
           t = setTimeout("timedCount()", 1000);
       }
       function stopCount() {
           clearTimeout(t)
       }

       //时钟
       function startTime() {
           var today = new Date()
           var h = today.getHours()
           var m = today.getMinutes()
           var s = today.getSeconds()
           // add a zero in front of numbers<10
           m = checkTime(m)
           s = checkTime(s)
           document.getElementById('txt').innerHTML = h + ":" + m + ":" + s
           t = setTimeout('startTime()', 500)
       }

       function checkTime(i) {
           if (i < 10)
           { i = "0" + i }
           return i
       }

       function showRow() {
           alert(document.getElementById('myTable').rows[0].innerHTML)
       }

        //获取表格中的值
       function cell() {
           var x = document.getElementById('myTable').rows[1].cells;
           alert(x[1].innerHTML);
       }

       function createCaption() {
           var x = document.getElementById('myTable').createCaption()
           x.innerHTML = "我的表格标题"
       }

function deleteRow(r) {
var i = r.parentNode.parentNode.rowIndex;

document.getElementById('myTable').deleteRow(i)
}

       function insRow() {
           var x = document.getElementById('myTable').insertRow(0)
           var y = x.insertCell(0)
           var z = x.insertCell(1)
           y.innerHTML = "NEW CELL1"
           z.innerHTML = "NEW CELL2"
       }

       function insCell() {
           var x = document.getElementById('tr2').insertCell(0)
           x.innerHTML = "John"
       }

       function getFormID() {
           var id = $("#myTable").form.id;
           alert(id);
       }
    </script>
</head>
<body οnlοad="startTime();">
    <form id="form1" runat="server">
    <div>
        <input id="Button1" type="button" value="打开新页面" οnclick="OpenWin1();" />
        <br />
        <input id="Button2" type="button" value="把用户带到一个新的地址 " οnclick="winLocation();"/>
        <br />
        <input id="Button3" type="button" value="刷新 " οnclick="reloadpage();"/>
        <br />
        <input id="Button4" type="button" value="设置状态栏 " οnclick="setStatus();"/>
        <br />
        <input id="Button5" type="button" value="打印页面 " οnclick="printpage();"/>
        <br />
        <input id="Button6" type="button" value="调整页面大小 " οnclick="setpagesizeBY();"/>
        <br />
        <input id="Button7" type="button" value="调整页面固定大小 " οnclick="setpagesizeTO();"/>
        <br />
        <input id="Button8" type="button" value="计时 " οnclick="timemsg();"/>
        <br />
        <input id="Button9" type="button" value="无限计时 " οnclick="timedCount();"/>
        <br />
        <input id="Button10" type="button" value="停止计时 " οnclick="stopCount();"/>
        <br />
        <input id="Button11" type="button" value="用下标访问表格 " οnclick="showRow();"/>
        <br />
        <input id="Button12" type="button" value="获取表格中的值 " οnclick="cell();"/>
        <br />
        <input id="Button13" type="button" value="未表格创建标题 " οnclick="createCaption();"/>
        <br />
        <input id="Button14" type="button" value="通过行索引删除行 " οnclick="deleteRow(this);"/>
        <br />
        <input id="Button15" type="button" value="添加行 " οnclick="insRow();"/>
        <br />
        <input id="Button16" type="button" value="添加单元格 " οnclick="insCell();"/>
        <br />
        <input id="Button17" type="button" value="获取表单ID " οnclick="getFormID();"/>
    </div>
    <div>
    <span id="txt"></span>
        <input id="heihei" type="text" />
    </div>
    <div>
    <table id="myTable" border="1">
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
</tr>
<tr>
<td>Row2 cell1</td>
<td>Row2 cell2</td>
</tr>
<tr id="tr2">
<td>Row3 cell1</td>
<td>Row3 cell2</td>
</tr>
</table>