X

由于无法提供服务器的高昂费用,博客即将迁移到github pages...

点击右上的X可以临时关闭此框并阻止跳转^_^

现在带您过去 秒后跳转...

JS遍历Table的所有单元格内容 (转载)

    function GetInfoFromTable(tableid) {
    var tableInfo = "";
    var tableObj = document.getElementById(tableid);
    for (var i = 0; i < tableObj.rows.length; i++) {    //遍历Table的所有Row
    for (var j = 0; j < tableObj.rows[i].cells.length; j++) {   //遍历Row中的每一列
    tableInfo += tableObj.rows[i].cells[j].innerText;   //获取Table中单元格的内容
    tableInfo += "   ";
    }
    tableInfo += "\n";
    }
    return tableInfo;
    }

js 获得多个同name 的input输入框的值 (转载)

    js 获得多个同name 的input输入框的值

    起初是使用document.all.id.length获得输入框的个数,但时而正常,时而显示undefined,效果不是很好,网上信息说document.all不是兼容所有浏览器的,现在似乎是只支持IE。

    解决方法是如下:

    var els =document.getElementsByName("search");
    for (var i = 0, j = els.length; i < j; i++){
    alert(els[i].value);
    }

Javascript:向表格添加或删除一行(转载)

    html>
    <head>
    <title>title</title>
    <script type="text/javascript">
    function delIndex(obj) {
    var rowIndex = obj.parentNode.parentNode.rowIndex;//获得行下标
    alert(rowIndex);
    var tb = document.getElementById("tb");
    tb.deleteRow(rowIndex);//删除当前行
    add(rowIndex);//在当前行插入一行
    }
    function add(rowIndex) {
    var tb = document.getElementById("tb");
    if (rowIndex == "-1") {
    rowIndex = tb.rows.length;//默认在末尾插入一行
    }
    var row = tb.insertRow(rowIndex);//在表格的指定插入一行
    var c1 = row.insertCell(0);
    c1.innerHTML = "new" + rowIndex;
    var c2 = row.insertCell(1);
    c2.innerHTML = '<a href="javascript:void(0)" onclick="delIndex(this)">删除</a>';
    }
    </script>
    </head>
    <body>
    <input type="button" value="添加一行" onclick="add('-1')" ><input type="button" value="删除选中项" onclick="del()" />
    <table id="tb">
    <tr><td>1</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr>
    <tr><td>2</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr>
    <tr><td>3</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr>
    <tr><td>4</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr>
    <tr><td>5</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr>
    <tr><td>6</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr>
    <tr><td>7</td><td><a href="javascript:void(0)" onclick="delIndex(this)">删除</a></td></tr>
    </table>
    </body>
    </html>

弹出层-表单填写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=GB2312" />
    <title>弹出提示</title>
    <style>
    * {margin:0;padding:0;font-size:12px;}
    html,body {height:100%;width:100%;}
    #content {background:#f8f8f8;padding:30px;height:100%;}
    #content a {font-size:30px;color:#369;font-weight:700;}
    #alert {border:1px solid #369;width:300px;height:150px;background:#e2ecf5;z-index:1000;position:absolute;display:none;}
    #alert h4 {height:20px;background:#369;color:#fff;padding:5px 0 0 5px;}
    #alert h4 span {float:left;}
    #alert h4 span#close {margin-left:210px;font-weight:500;cursor:pointer;}
    #alert p {padding:12px 0 0 30px;}
    #alert p input {width:120px;margin-left:20px;}
    #alert p input.myinp {border:1px solid #ccc;height:16px;}
    #alert p input.sub {width:60px;margin-left:30px;}
    </style>
    
    </head>
    
    <body>
    <div id="content">
    <a href="#">注册</a>
    </div>
    <div id="alert">
    <h4><span>现在注册</span><span id="close">关闭</span></h4>
    <p><label>用户名</label><input type="text" class="myinp" onmouseover="this.style.border='1px solid #f60'" onfoucs="this.style.border='1px solid #f60'" onblur="this.style.border='1px solid #ccc'" /></p>
    <p><label>密 码</label><input type="password" class="myinp" onmouseover="this.style.border='1px solid #f60'" onfoucs="this.style.border='1px solid #f60'" onblur="this.style.border='1px solid #ccc'" /></p>
    <p><input type="submit" value="注册" class="sub" /><input type="reset" value="重置" class="sub" /></p>
    </div>
    <script type="text/javascript">
    var myAlert = document.getElementById("alert");
    var reg = document.getElementById("content").getElementsByTagName("a")[0];
    var mClose = document.getElementById("close");
    reg.onclick = function()
    {
    myAlert.style.display = "block";
    myAlert.style.position = "absolute";
    myAlert.style.top = "50%";
    myAlert.style.left = "50%";
    myAlert.style.marginTop = "-75px";
    myAlert.style.marginLeft = "-150px";
    
    mybg = document.createElement("div");
    mybg.setAttribute("id","mybg");
    mybg.style.background = "#000";
    mybg.style.width = "100%";
    mybg.style.height = "100%";
    mybg.style.position = "absolute";
    mybg.style.top = "0";
    mybg.style.left = "0";
    mybg.style.zIndex = "500";
    mybg.style.opacity = "0.3";
    mybg.style.filter = "Alpha(opacity=30)";
    document.body.appendChild(mybg);
    
    document.body.style.overflow = "hidden";
    }
    
    mClose.onclick = function()
    {
    myAlert.style.display = "none";
    mybg.style.display = "none";
    }
    </script>
    </body>
    </html>