1. 程式人生 > >前端相關

前端相關

header sub 按鈕 技術分享 jquery tool 前三 submit 提交

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‘);
}

前端相關