前端相关

Posted 2020-10-13 流了个火

1. input变为不可编辑：    http://blog.csdn.net/u010210251/article/details/49724193

2. js for循环绑定事件：    http://www.cnblogs.com/yangjiewu/p/4753202.html

<button id="0">0</button>
<button id="1">1</button>
<button id="2">2</button>
<script> 
$(function(){
    for (var i=0; i<=2; i++) {
        $("#" + i).on("click", function() {
            alert(i);
        });
    };
})
</script>

  这段代码如果不仔细看的话会误以为三个按钮点击结果分别为0，1，2。但是运行结果却是3，3，3。

  我们来分析一下代码执行过程：前三遍循环分别给按钮0，1，2绑定了alert(i)的事件，第四遍循环开始时i=3，不符合i<=2的条件，因此终止循环。这里要注意的是，前三遍循环绑定的是alert(i)事件，而不是alert(0)，alert(1)，alert(2)，因为在绑定的过程中on的事件处理函数里的代码并没有运行，因此在触发click事件之前并不知道i等于几，代码此时只认为i是一个全局变量（实际上i的作用域为最外层的function）。上面分析了，当循环结束时i等于3，因此3个按钮点击均为alert(3)。

 

3. jQuery文本框取值、赋值：   http://www.jquerycn.cn/a_6730

4. html获取表格中每个元素的值：    https://segmentfault.com/q/1010000008137892

    var tr  = document.getElementsByTagName("tr")[1];//括号里写你需要的列
        var td = tr.children;
        for (var i = 0; i < td.length; i++) {
            console.log(td[i].innerHTML);//输出的就是每一个单元格的内容
        }

 

5. 防止表单重复提交：   http://www.bkjia.com/jingyan/471187.html

简单方法：使用header函数转向

if (isset($_POST[\'action\']) && $_POST[\'action\'] == \'submitted\') {
  //处理数据，如插入数据后，立即转向到其他页面
  header(\'location:submits_success.php\');
}

 

6. 页面打开的时候就加载 window.onload, $(document).ready

两者区别：$(document).ready()是在DOM结构绘制完毕之后就执行内部的语句了，不用像window.onload一样，需要等到全部元素都加载完毕才执行。
https://www.cnblogs.com/magicgua/p/4363903.html