1.js
①變量:var i = 10;
②選擇器: id:document.getElementById("id").innerHTML("謝謝")。。。。給選中元素賦值"謝謝"
class : document.getElementByClassName("class");
name選擇器:document.getElementByName("name");
③函數:function haha(){}
④頁面跳轉:window.location.href="www.baidu.com"
window.history.back(-1);返回上頁面
window.open("想要跳轉的頁面")
注意:JSP如果在WEB-INF下,不能直接跳轉,需要通過controller跳轉
2.html常用的事件
①onClick: 點擊事件
②onchange:輸入的字段改變的時候
③onmouseover:鼠標移動到HTML元素的時候
④onmouseout:鼠標移走事件
⑤onfocus:當輸入框獲得焦點的時候
3.jquery:是一個JS庫,極大的簡化了JS編程
①$(function(){
}); 頁面加載完函數
②選擇器
id選擇器:$("#adc")
class類選擇器:$(".abc")
元素選擇器:$("div")
通配選擇器:$("*")
基本過濾選擇器:$("div:first") :選擇所有div元素的第一個
屬性過濾選擇器:$("div[id]") :選擇所有含有id屬性的div
內容過濾選擇器:$("span:empty"):選擇所有元素爲空的span
子元素過濾選擇器:
③綁定事件
$("#id").click(function(){
})
④設置內容
text():設置或獲取文本內容
html():設置或獲取html內容
val():設置或獲取表單的值
4.ajax:異步,局部刷新
$.ajax({
url:
async:fase(表示異步,頁面加載要等ajax執行完)
dataType:(服務器返回的數據類型,一般是JSON)
success:function(data){
}
})