建立表格insertRow(index)用雙重for循環能夠建立表格
deleteRow(index)刪除行
deleteCell(index)刪除列
createCaption()建立表格標題
deleteCaption()刪除表格標題javascript
時間監聽
一、直接綁定html 在標籤內添加onclick
二、綁定dom元素,經過js函數進行執行css
onclick 單擊鼠標左鍵觸發
ondblclick雙擊鼠標左鍵觸發
onmousedown單擊任意一個鼠標按鍵時觸發
onmouseout鼠標指針移出一個元素邊界時觸發
onmousemove鼠標在某個元素上移動時持續觸發
onmouseup鬆開鼠標任意一個按鍵時觸發
onmouseover鼠標指針移到一個元素上時觸發
HTML事件:
onload頁面徹底加載後在window對象上觸發
onunload頁面徹底卸載後再window對象上觸發
onselect選擇了文本框的一個或多個字符時觸發
onchange文本框失去焦點時,而且在它獲取焦點後內容發生過改變時觸發
onsubmit單擊「提交」按鈕時在表單form上觸發html
代碼java
輪播圖的製做node
<script type="text/javascript">
/*將路徑封裝到數組中*/
var arr=[
"img/1.jpg",
"img/2.jpg",
"img/3.jpg",
"img/4.jpg",
"img/5.jpg",
"img/6.jpg",
"img/7.jpg",
"img/8.jpg"
];
/*定義下表*/
var index=0;
/*定義拖元素*/
var img
/*頁面加載完成執行*/
window.onload=function(){
img=document.getElementById("pic")
timer=window.setInterval(next,2000);
/*當鼠標移入img標籤時中止計時器*/
img.onmouseover=stop;
/*移走時開始*/
img.onmouseout=start;
}
function change(node){
/*獲取元素value值計算下標*/
index=node.value-1;
img.src=arr[index];
}
/*下一張*/
function next(){
if(index==arr.length-1){
index=0;
}else{
index++;
}
img.src=arr[index];
}
function up(){
if(index==0){
index=arr.length-1
}else{
index--;
}
img.src=arr[index];
}
/*取消定時器*/
function stop(){
window.clearInterval(timer)
}
/*開始定時器*/
function start(){
timer=window.setInterval(next,2000)
}
</script>
</head>jquery
<body>
<img src="img/1.jpg" id="pic">
<input type="button" value="上一張" onClick="up()">
<input type="button" value="1" onClick="change(this)">
<input type="button" value="2" onClick="change(this)">
<input type="button" value="3" onClick="change(this)">
<input type="button" value="4" onClick="change(this)">
<input type="button" value="5" onClick="change(this)">
<input type="button" value="6" onClick="change(this)">
<input type="button" value="7" onClick="change(this)">
<input type="button" value="8" onClick="change(this)">
<input type="button" value="下一張" onClick="next()">
</body>數據庫
一階段項目的相關知識網站bootstrap
滾動監聽:https://www.jianshu.com/p/4bf613d8c927
jQuery數據庫:http://www.jq22.com/
Bootstrap插件(輪播):https://www.runoob.com/bootstrap/bootstrap-carousel-plugin.html
Bootstrap插件下載:https://www.bootcss.com/
jQuery(選擇器):https://www.runoob.com/jquery/jquery-selectors.html
jQuery參考手冊:http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp數組