1、數(shù)組
聲明數(shù)組
var arr=[1,2,3]
var arr=new Array(1,3,5)
數(shù)組長度 arr.length
2、數(shù)組操作
①末尾添加數(shù)據(jù)
arr.push(7);//返回值是數(shù)組長度
②前面添加數(shù)據(jù)
arr.unshift(8);//返回值是數(shù)組長度
③刪除數(shù)組元素-最后一個值
arr.pop();//返回值是刪掉的元素值
④刪除第一個元素
arr.shift()//返回值是刪掉的元素值
⑤連接兩個數(shù)組---不會改變現(xiàn)有的數(shù)組塞关,僅僅會返回一個連接數(shù)組的副本
var aa = [1,3,5]; var bb = [“a”,”b”,”c”];
aa.concat(bb);
⑥將數(shù)組轉(zhuǎn)換為字符串
join();
數(shù)組名.join(符號);//符號為指定的分隔符缴渊,如果省略姨拥,則使用逗號作為分割符
⑦將字符串轉(zhuǎn)換為數(shù)組
字符串名.split(要替換的符號,返回的數(shù)組的最大長度)
例: var text="aa-aa"
text.split("-");//要與字符串中的一樣
3足陨、DOM樹
4、節(jié)點關(guān)系
5娇未、dom節(jié)點操作
①創(chuàng)建節(jié)點
var div=document.createElement(“div”);
創(chuàng)建一個新的div標簽
②插入節(jié)點
appendChild();添加孩子墨缘,放到最后面
demo.insertBefore(插入的節(jié)點,參照節(jié)點);//放到參照節(jié)點的前面飒房,若參照節(jié)點為空搁凸,則默認放到最后面
③移除節(jié)點---移除父節(jié)點的一個子節(jié)點
demo.removeChild(要移除的節(jié)點)
④克隆節(jié)點
cloneNode(參數(shù));//參數(shù)為true,深層復制狠毯,除了復制本盒子护糖,還有子節(jié)點
參數(shù)為false,淺層復制,只復制本節(jié)點嚼松,不包括子節(jié)點
6嫡良、設置節(jié)點屬性
1、setAttribute("屬性名"献酗,屬性值)寝受;//添加屬性
2、getAttribute("屬性名");//獲取屬性
3罕偎、removeAttribute("屬性名");//刪除某個屬性
7很澄、計時器
setInterval("執(zhí)行的函數(shù)",間隔時間)颜及;//間隔時間以毫秒為單位
每隔多長時間執(zhí)行一次
setTimeout(function甩苛,tim);//隔tim時間執(zhí)行function函數(shù)俏站,只執(zhí)行一次
clearInterval(計時器名)讯蒲;//清除計時器
8、添加事件監(jiān)聽器
要添加的對象.addEventListener("監(jiān)聽的事件",“事件觸發(fā)的回調(diào)函數(shù)”,"捕獲/冒泡");
冒泡:點擊子代會向外傳遞肄扎,默認墨林,false
捕獲:從父代向子代傳遞 true
默認時冒泡
9、字符串操作
<1>轉(zhuǎn)換為字符串
1犯祠、+“” 2+""="2"
2旭等、String()
3、toString(基數(shù))衡载;基數(shù)就是進制
var text=10;
text.toString(2) 二進制 1010
<2>獲取字符串位置方法
chartAt(字符位置);//獲取相應位置的字符
charCodeAt(字符位置);//獲取相應位置的Unicode編碼
<3>根據(jù)字符返回位置
indexOf("字符");//從左開始數(shù)搔耕,找到第一個相對應的字符,返回字符的位置月劈,(從0開始)
lastIndexOf("字符")度迂;//從后面開始數(shù),返回值 還是從 左邊開始 數(shù)的 索引號 猜揪。
<4>concat();連接字符串
<5> 獲取一段字符串
slice("取字符串的起始位置"惭墓,[“結(jié)束位置”]);[]可選的
起始位置一定要有,結(jié)束位置可以省略而姐,要是省略默認到最后
substr("起始位置",[取的個數(shù)]);//不寫取的個數(shù)默認取到最后
substring 同slice 一樣的 但是有一點不同
substring 始終會把 小的值作為 起始位置 大的值作為結(jié)束位置
例如: substring(6,3) 實際中 自動變成 substring(3,6);
10腊凶、保留小數(shù)位數(shù)
通過indexOf(".");返回小數(shù)點的位置,再使用substr()截取字符串
toFixed(2);//保留2位小數(shù)
11、大小寫轉(zhuǎn)換
toUpperCase();//轉(zhuǎn)換為大寫(參數(shù):無)
toLowerCase();//轉(zhuǎn)換為小寫(參數(shù):無)
12、獲取元素尺寸
① offsetWidth 得到對象的寬度
offsetWidth=width+border+padding
② offsetHeight 得到對象的高度
③offsetLeft 返回距離上級盒子(最近的帶有定位)左邊的位置钧萍,從父級的padding開始算褐缠,父級的border不算
④offsetTop 返回距離上級盒子(最近的帶有定位)頂部的位置,從父級的padding開始算风瘦,父級的border不算
⑤offsetParent
返回對象的父級(帶有定位)
13队魏、事件對象 event
event常見屬性
屬性 作用
data 返回拖拽對象的URL字符串(dragDrop)
width 該窗口或框架的高度
height 該窗口或框架的高度
pageX 光標相對于該網(wǎng)頁的水平位置(ie無)
pageY 光標相對于該網(wǎng)頁的垂直位置(ie無)
screenX 光標相對于該屏幕的水平位置
screenY 光標相對于該屏幕的垂直位置
target 該事件被傳送到的對象
type 事件的類型
clientX 光標相對于該網(wǎng)頁的水平位置 (當前可見區(qū)域)
clientY 光標相對于該網(wǎng)頁的水平位置
14、