1. 程式人生 > >js基本語法及註意事項

js基本語法及註意事項

name tab 設置 刪除元素 ext ack rop 捕獲 ons

正則表達式:
var x=/^a{2,8}$/;
alert(x.test("aaa"));
正則表達式一般用於表單驗證。<form onsubmit="return checkForm()"> 如果checkForm()返回false,則阻止表單提

表單提交:表單對象.submit()

創建數組:var x = new Array();
var arr = [1,2,3,4,5,6,7,8];

arr.length; //數組長度
arr.push(100);//追加元素。

json格式對象
var x = {};
var obj = {name:‘張三‘,age:30};
var arr = [{name:‘張三‘,age:30},{name:‘李四‘,age:24},{name:‘王五‘,age:28}];

事件流
事件流意味著頁面上不止一個元素可響應相同的事件。
事件冒泡(IE)。(先響應事件源,再響應父容器)
事件捕獲(NetsCape)。(先響應父容器,再響應事件源)
事件處理(FireFox)。事件處理(可以選擇先響應父容器,還是先響應事件源)

event對象:事件發生時,用於描述事件信息的對象。可以獲得鼠標信息和鍵盤信息
var e;
if(window.event){
e=window.event;
}
else if(arguments[0]){
e=arguments[0];
}
可以通過e.cancelBubble=true(IE)或e.stopPropagation()(firefox)中止事件傳播

dom操作常見方法
createElement()創建新元素
appendChild() 追加元素
removeChild()刪除元素
replaceChild():替換元素
parentNode 父元素
nextElementSibling下一個元素兄弟節點
previousElementSibling上一個元素兄弟節點

獲得文本節點
元素節點.firstChild-獲取文本節點
textNode.nodeValue="..." - 設置文本內容

訪問元素節點:
getElementsByTagName(name):得到元素指定標記子元素集合
getElementsByName(name):得到指定name屬性的元素集合
getElementById(id):按ID得到元素對象

innerHTML:表示元素中間的文本。在老標準中,table和select不支持。
value屬性一般只用於表單元素

改變元素的樣式,需要style屬性,如果樣式中有-,則去掉-,采用駝峰命名法
元素對象.style.backgroundColor="red";
通過style屬性操作的是內嵌樣式。

改變元素對象的class屬性:
<div class="aaa"></div>
對象.className="aaa";


multiple:將下拉框變為列表框,可以選中多個選項。
判斷下拉框選項是否選中:selected

判斷復選框、單選框是否選中:checked

跳轉頁面
location.href="aaa.html";<可以給圖片,按鈕添加函數事件 function press(){location.href="aaa.html"}>

js基本語法及註意事項