1. 強迫症患者
<link rel="stylesheet" type="text/css" href="something.css" />
<script type="text/javascript" src="myscripts.js"></script>
2. JS中定義全局變量
var name = 'abc';
function getName(){
alert(name);
}
儘量避免使用JS全局變量，防止產生衝突
3. JavaScript中單引號和雙引號的區別？
沒什麼區別，單雙引號意義一樣。一般JS建議使用單引號，只有嵌套的時候採用雙引號，避免和網頁中的值和表達式弄混。
4. JS中 ; 號
function後可以不加分號，表明這是一個方法；如果是表達式，後面需要加上分號
5. 點擊button跳轉
1)<input type="button" name="register" value ="註冊" onclick="window.location.href='Register.jsp'"/>
2)
<script>
function jump(){
window.location.href="https://www.baidu.com/";
}
</script>
<input type="button" value="跳轉" onclick="jump()">
6. this.innerHTML
解釋：this.innerHTML 是獲取當前對象的內容，如果當前對象內部只有文本，那麼 this.innerHTML 就是文本；如果是標籤組成的內容， 那麼 this.innerHTML 就是標籤組成的內容。
7. JavaScript 判斷某個Id對應的標籤元素是否存在
if(document.getElementById( ... ))
or
if($(...).length > 0)
8. JavaScript 修改標籤的屬性值
<div id="biaoqian1" class="first" color="red">第一個</div>
JavaScript代碼：
var bq = document.getElementById("biaoqian1");
bq.setAttribute("color","green");
修改，設置，刪除 自定義行內標籤屬性的分別是：
.setAttribute( ) .getAttribute( ) .removeAttribute( )
9. JavaScript 修改和添加css樣式
JavaScript 和 jQuery動態修改css樣式的方法
10. 給表格單元格添加函數
通過層級選擇器：
爲表格的第一行第一列添加點擊事件
$("#tableId tr td:eq(0)").click(function(){ })
爲表格的第二列添加點擊事件
$("#tableId tr").find('td:nth-child(2)').click(function(){ })
表格的第一行第二列的文本值
$("table tr:eq(0) td:eq(1)").val();
11. JavaScript獲取 input 文本框內容
<script>
function myfunction(){
//第一種方法
var temp1 = document.getElementById("id1").value;
//第二種方法,這裏第一個"."後面必須是form標籤的name而不能是id
//第二個"."後面是要獲取文本值的<input>的id或者name
var temp2 = document.form1.name1.value;
//第三種方法
var temp3 = $("#id1").val();
}
</script>
<body>
<form name="form1" id="fid" method="post">
<input type="text" name="name1" id="id1">
<input type="button" value="點擊提交" onclick="myfunction()">
</form>
</body>
12. 獲取祖先的屬性
獲取祖先（li標籤 class爲clearfix）的孫子（span標籤 class爲one-time）的文本值：
var onetime = $(this).parents('li.clearfix').children('span.one-time').text();
獲取ID:
var timeId = $(this).parents('li.clearfix').children('span.one-time').attr("id");
13.<a href =url>
a標籤，href代表的連接地址，如：href=“http://www.baidu.com”，這樣可以通過此標籤頁面跳轉到百度；
<a href = "/"> --直接返回根目錄，或者是網站首頁
<a href = "#"> --代表的連接地址是本頁面，關鍵是後面的function
14. JS輸出
.java system.out.println 輸出結果到IDE控制檯
.jsp out.println 輸出結果到編譯後瀏覽器該頁面
.js console.log 將返回的數據打印在Chrome中的控制檯裏
15.t = setTimeout("timeCount()",1000);
解釋：設置定時器，1000ms後執行timedCount函數，並將該定時器的標記賦值給變量t作爲唯一標識。setTimeout() 方法用於在指定的毫秒數後調用函數或計算表達式，語法：setTimeout(code,millisec)，提示 setTimeout() 只執行 code 一次，如果要多次調用，需要使用 setInterval() 或者讓 code 自身再次調用 setTimeout()。
16. setInterval() and clearInterval()
setInterval()，按照指定的週期（以毫秒計）來調用函數或計算表達式clearInterval()，可以取消週期性的方法調用，clearInterval(id)的參數必須是由 setInterval() 返回的id值
當setInterval( )調用執行完畢時，它將返回一個time id，後面可以利用該值對計時器進行訪問，如果將該id傳遞給clearInterval()，便可以終止被調用的過程代碼的執行。
17.
-
empty()：移除被選元素所有內容，包括所有文本和子節點 -
append()：在被選元素的結尾（仍然在內部）插入指定內容 -
eval(string)：計算某個字符串，並執行其中的的 JavaScript 代碼
18. 判斷是否是 ie 瀏覽器
//通過ActiveXObject對象判斷是否是IE瀏覽器
function IsIE(){
if (!!window.ActiveXObject || "ActiveXObject" in window){
return true;
}else {
return false;
}
}
19. history
history.back(-1)：直接返回當前頁的上一頁，清除全部消息，是個新頁面；history.go(-1)：也是返回當前頁的上一頁，不過表單裏的數據全部還在。
history.back(0) 刷新
history.back(1) 前進
history.back(-1) 後退
同理 history.go 也一樣，不同之處在於保存表單數據。
20. event.stopPropagation( )
不再派發事件。終止事件在傳播過程的捕獲、目標處理或起泡階段進一步傳播。調用該方法後，該節點上處理該事件的處理程序將被調用，事件不再被分派到其他節點。
有些時候有兩個節點綁定了相同的事件，例如：click事件，只是節點的級別可能不同，可以是父子節點（如：<div>、<button> 都綁定了click事件），所以可能當你點擊子節點的時候，可能在觸發子節點的同時會觸發父節點。
21. 獲取url中參數
url="http://localhost:8080/qc/staff/getStaffLeave?site=LH&department=ABC";
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
var site = getQueryString("site");
var department= getQueryString("department");
22. trim( ) 方法
- 去除字符串的 頭尾 空格
var str = " demo ";
alert(str.trim());
輸出結果：demo