element.querySelector(CSS 選擇器)
使用 window.alert() 彈出警告框。
- 使用 document.write() 方法將內容寫到 HTML 文檔中。如果在文檔已完成加載後執行 document.write,整個 HTML 頁面將被覆蓋。
- 使用 innerHTML 寫入到 HTML 元素。
- 使用 console.log() 寫入到瀏覽器的控制檯。
通過兩種方式訪問對象屬性:
person.lastName;
person["lastName"];
match()方法
stringObject.match(字符串) //匹配字符串;stringObject.match(正則表達式) //匹配正則表達式
match()方法就是用來檢索一個字符串是否存在。如果存在的話,返回要檢索的字符串;如果不存在的話,返回null。
search()方法
stringObject.search(字符串) //檢索字符串;
stringObject.search(正則表達式) //檢索正則表達式
stringObject指的是字符串對象。search()方法返回的是子字符串的起始位置的下標,如果沒有找到任何匹配的子串,則返回-1。
indexOf()方法
stringObject.indexOf(字符串)
返回某個指定的字符串值在字符串中首次出現的位置 如果在數組中沒找到字符串則返回 -1
indexOf()方法跟search()方法差不多,跟match()方法類似,不同的是indexOf()方法返回的是字符串的位置,而match()方法返回的是指定的字符串。
replace()方法
stringObject.replace(原字符,替換字符)
stringObject.replace(正則表達式,替換字符) //匹配正則表達式
replace()方法常常用於在字符串中用一些字符替換另一些字符,或者替換一個與正則表達式匹配的子串。
charAt()方法
stringObject.charAt(n) n表示字符的下標
可以使用charAt()方法來獲取字符串中的某一個字符。這個方法非常好用,在實際開發中也經常用到。
字符串英文大小寫轉化
字符串名. toLowerCase() //將大寫字符串轉換爲小寫字符串
字符串名. toUpperCase() //將小寫字符串轉換爲大寫字符串
連接字符串
字符串1.concat(字符串2,字符串3,…,字符串n);
按照順序連接到字符串1的尾部,並返回連接後的字符串。
比較字符串
字符串1.localeCompare(字符串2)
比較完成後,返回值是一個數字。
(1)如果字符串1小於字符串2,則返回小於0的數字;
(2)如果字符串1大於字符串2,則返回數字1;
(3)如果字符串1等於字符串2,則返回數字0;
分割字符串
字符串.split(分割符)
split()方法把一個字符串分割成字符串數組。
分割符可以是一個字符、多個字符或一個正則表達式。分割符並不作爲返回數組元素的一部分。開發中經常會用到
從字符串提取字符串
字符串.substring(開始下標,結束下標)
可以使用substring()方法來提取字符串中的某一部分字符串。
創建Date對象
var
日期對象名 = new
Date();
var
日期對象名 = new Date(日期字符串);
Date對象方法
用於獲日期時間的getXxx
用於設置日期時間的setXxx
getFullYear() getMonth() getDate() getHours() getMinutes() getSeconds()
getMonth()返回值是0(一月)到11(十二月)之間的一個整數
var
my_month=d.getMonth()+1;這句代碼使用了“+1”。其實,那是因爲getMonth()方法返回值是0(一月)到11(十二月)之間的一個整數,所以必須加1月份才正確。
將日期時間轉換爲字符串的toXxx
toString() 將日期時間轉換爲普通字符串
toUTCString() 將日期時間轉換爲世界時間(UTC)格式的字符串
toLocaleString() 將日期時間轉換爲本地時間格式的字符串
js獲取星期幾
<script type="text/javascript">
var
d = new Date();
var
weekday = new Array(7);
weekday[0] = "星期日";
weekday[1] = "星期一";
weekday[2] = "星期二";
weekday[3] = "星期三";
weekday[4] = "星期四";
weekday[5] = "星期五";
weekday[6] = "星期六";
document.write("getUTCDay()獲取數組下標是:"+d.getUTCDay()+"<br>");
document.write("今天是:"
+ weekday[d.getUTCDay()]);
</script>
Array對象方法
<script type="text/javascript">
//升序比較函數
function
asc(a,b)
{
return
a-b; //排序是需要有這連個參數才能完成正常排序
}
//降序比較函數
function
des(a,b)
{
return
b-a; //排序是需要有這連個參數才能完成正常排序
}
//創建數組的同時對元素賦值
var
arr=new Array(3,9,1,12,50,21);
document.write("排序前的數組元素"+arr.join(","));
document.write("<br/>");
arr.sort(asc);
document.write("升序後的數組元素"+arr.join(","));
document.write("<br/>");
arr.sort(des);
document.write("降序後的數組元素"+arr.join(","));
</script>
Math對象
對象名.屬性
對象名.方法
Math對象是無需使用new關鍵詞創建的,因此我們可以直接調用Math對象的屬性和方法。
Math對象的屬性
Math對象的方法
window對象方法
定時器
(1)setTimeout()和clearTimeout();
var
變量名 = setTimeout(code , time);
參數code可以是一段代碼,也可以是一個調用的函數名;
參數time表示時間,表示要過多長時間才執行code中的內容,單位爲毫秒。
(2)setInterval()和clearInterval();
重複”調用函數
var
變量名 = setInterval (code , time);
setTimeout()方法與setInterval()方法的語法很相似,實際上這兩者在用法方面區別非常大。其中setTimeout()方法內的代碼只會執行一次,而setInterval()方法內的代碼會重複執行,除非你使用clearInterval()方法來取消執行。
(1)alert():僅有提示文字,沒有返回值;
(2)confirm():具有提示文字,返回“布爾值”(true或false),有"確定"和"取消"按鈕;
(3)prompt():具有提示文字,返回“字符串”,有"確定"和"取消"按鈕,還有輸入框;
DOM對象節點屬性
JavaScript創建節點
var
e = document.createElement("元素名"); //創建元素節點
var
t = document.createTextNode("元素內容"); //創建文本節點
e.appendChild(t); //把元素內容插入元素中去
創建節點
創建新節點都是先用document對象中的createElement()和createTextNode()這2種方法創建一個元素節點,然後再通過appendChild()、insertBefore()等方法把新元素節點插入現有的元素節點中去
<input id="submit"
type="button" value="提交"/>
<script type="text/javascript">
var
e = document.createElement("input");
e.id = "submit";
e.type = "button";
e.value = "提交";
document.body.appendChild(e);
</script>
插入節點
obj.appendChild(new)
obj.insertBefore(new,ref)
說明:
obj表示父節點;
new表示新的子節點;
ref指定一個節點,在這個節點前插入新的節點。
刪除節點
obj.removeChild(oldChild);
複製節點
obj.cloneNode(bool)
替換節點
obj.replaceChild(new,old)
innerHTML和innerText
設置或返回表格行的開始和結束標籤之間的 HTML。
innerHTML屬性被多數瀏覽器所支持,而innerText只能被IE、chrome等支持而不被Firefox支持。
JavaScript操作CSs
obj.style.屬性名;
S屬性名使用“駱駝峯”型的CSS屬性名 font-size”應該寫成“fontSize”,“border-bottom-width”應該寫成“borderBottomWidth”
IsNumeric()
檢測變量是否爲數字或數字字符串
validity 布爾屬性值,返回 input 輸入值是否合法
frame 框架
簡單數組去重
var arr = ['abc','abcd','sss','2','d','t','2','ss','f','22','d'];//定義一個新的數組var s = [];//遍歷數組for(var i = 0;i<arr.length;i++){ if(s.indexOf(arr[i])
== -1){ //判斷在s數組中是否存在,不存在則push到s數組中 s.push(arr[i]); }}console.log(s);//輸出結果:["abc", "abcd", "sss", "2", "d", "t", "ss", "f", "22"]
判斷是不是字母
var str = /^[A-Za-z]*$/;
if (str.test(value))
{
}
splice() 方法向/從數組中添加/刪除項目,然後返回被刪除的項目。
eval() 函數
eval() 函數可計算某個字符串,並執行其中的的 JavaScript 代碼。
eval(string)
eval()函數使用不當表達式會跑出evalerror異常,可以使用try{}catch{}來捕獲異常.
<script>eval("x=10;y=20;document.write(x*y)") //200document.write(eval("2+2")) //4var x=10 document.write(eval(x+17)) //27</script>
apply方法:
語法:apply([thisObj[,argArray]])
定義:應用某一對象的一個方法,用另一個對象替換當前對象。
call方法:
語法:call([thisObj[,arg1[, arg2[, [,.argN]]]]])
定義:調用一個對象的一個方法,以另一個對象替換當前對象。
z-index 屬性設置元素的堆疊順序。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。
註釋:Z-index 僅能在定位元素上奏效(例如 position:absolute;)