獲取元素:
document.getElementById('id');
document.getElementsByTagName('標(biāo)簽');
document.body
事件:
onclick
onmouseover
onmouseout
onchange? select? ? option? value
操作誰 給誰加
函數(shù):
function aaa(參數(shù)1....){}
aaa(參數(shù)1....)
取名字:
a? 多個對象
o? 單個對象
i? s? n
判斷:流程控制語句
if else
switch
if(條件){語句1}else{語句2}
條件?語句1:語句;
if(條件){語句1}
條件&&語句1;
數(shù)據(jù)類型:
Number
String
boolean
object
function
undefined
global
typeof? 檢測數(shù)據(jù)類型
類型轉(zhuǎn)換
字符串轉(zhuǎn)成數(shù)子 顯式類型轉(zhuǎn)換? 強(qiáng)制類型轉(zhuǎn)換
parseInt? ? 字符串 轉(zhuǎn)換成整數(shù)
parseFloat? 字符串 轉(zhuǎn)換成浮點(diǎn)數(shù)
Number('') 比較嚴(yán)格 轉(zhuǎn)成數(shù)字
isNaN? ? ? 非數(shù)字
NaN==NaN
隱式轉(zhuǎn)換:
''+0
真:
true? 非空字符串? 非0數(shù)字? 非空對象
假:
false? 0? null? undefined? NaN? ''
循環(huán):
i=i+1;
i+=1;
i++;
for
while(條件){
//代碼
break;中斷本次執(zhí)行
continue; 跳過本次
}
字符串拼接:
'+變量+'
字符串? 不能換行
+
\
``? ${變量}
()提升優(yōu)先級
web分離? 樣式? 結(jié)構(gòu)? 行為
邏輯運(yùn)算符:
&&
||
!
賦值運(yùn)算符:
=
+=
-=
*=
/=
%=
比較運(yùn)算符
> <? ? <=? >=? ? ==? ===? !==? !=
作用域:
局部變量? 自己域用
全局變量? 在那都能用
閉包 ? 子函數(shù)能用父函數(shù)的變量
數(shù)組:Array
length? 個數(shù)? 從1開始
[] 下標(biāo)? 從0開始
push? ? 從后面加入一個內(nèi)容
操作表單:? value
操作非表單:innerHTML? 文本/標(biāo)簽
隨機(jī)數(shù):
Math.random()? 0-1
function demo(n,m){
return parseInt(Math.random()*(m-n)+n);
}
undefined:
1.聲明變量沒有賦值
2.訪問不存在的屬性
3.調(diào)用的時候沒有傳入?yún)?shù)
return
1.可以返回任何內(nèi)容
2.阻斷 它后面的代碼執(zhí)行
3.沒有返回值? 返回undefined
. []? 標(biāo)示符? 表達(dá)式
非行間樣式:
function demo(obj,sName){
return obj.currentStyle?
obj.currentStyle[sName]:
getComputedStyle(obj,false)[sName];
}
沒有屬性 undefined
沒有函數(shù) 報錯
定時器:
var timer=null;
timer=setInterval(function(){
},1000)
setInterval(aaa,1000)
clearInval(timer)
timer=setTimeout(function(){
},1000)
clearTimeout(timer)
this:誰出發(fā)就是誰
eval:把字符串解析成js可以理解的程序
==========================================
雙色球:
秒表:
延遲選項(xiàng)卡:
注意:
this:當(dāng)前發(fā)生事件元素
定時器里面不能用this? this會變成window
解決方法:
var _this=this;
文字時鐘:
日期對象? 里面裝著日期時間
var oDate = new Date()
獲取年? oDate.getFullYear();
獲取月 oDate.getMonth();? ? ? 比當(dāng)前月小1蝴蜓,需要+1? 是0開始
獲取天 oDate.getDate();
獲取星期 oDate.getDay();? ? ? 星期日是0? ? ? 也是從0開始
日 一 二 三 四 五 六
0? 1? 2? 3? 4? 5? 6
獲取小時? oDate.getHours();
獲取分鐘? oDate.getMinutes();
獲取秒數(shù)? oDate.getSeconds();
圖片時鐘:
var str = 'abc';
str[下標(biāo)];? 不兼容ie6,7
str.charAt(下標(biāo)) 獲取某一位置的字符
事件:
onmouseover
onmouseout
onclick
onchange
onmousedown? 鼠標(biāo)按下
onmouseup? ? 鼠標(biāo)抬起
倒計時:
var oDate=new Date();
oDate.getTime(); 時間戳
格林威治時間戳
1970年1月1日? 0:0:0:0
從1970年1月1日0點(diǎn)0分0秒0毫秒一直到現(xiàn)在所經(jīng)歷過的毫秒數(shù)
1437459829777
獲取到目標(biāo)日期的時間戳(先設(shè)置福青,在獲取)
獲取到當(dāng)前的時間戳
時間差=目標(biāo)時間戳-當(dāng)前時間戳
時間差(ms)
時間差(s) = parseInt(時間差/1000);
日期對象設(shè)置
設(shè)置年月日? oDate.setFullYear(y,m,d);
比現(xiàn)實(shí)月小1,設(shè)置的時候月份要-1
設(shè)置時分秒毫秒
oDate.setHours(h,m,s,ms);
自動播放選項(xiàng)卡:
選項(xiàng)卡重用加定時器
now=this.index
tab()
qq提示資料框:
事件連等