获取元素:
document.getElementById('id');
document.getElementsByTagName('标签');
document.body
事件:
onclick
onmouseover
onmouseout
onchange select option value
操作谁 给谁加
函数:
function aaa(参数1....){}
aaa(参数1....)
取名字:
a 多个对象
o 单个对象
i s n
判断:流程控制语句
if else
switch
if(条件){语句1}else{语句2}
条件?语句1:语句;
if(条件){语句1}
条件&&语句1;
数据类型:
Number
String
boolean
object
function
undefined
global
typeof 检测数据类型
类型转换
字符串转成数子 显式类型转换 强制类型转换
parseInt 字符串 转换成整数
parseFloat 字符串 转换成浮点数
Number('') 比较严格 转成数字
isNaN 非数字
NaN==NaN
隐式转换:
''+0
真:
true 非空字符串 非0数字 非空对象
假:
false 0 null undefined NaN ''
循环:
i=i+1;
i+=1;
i++;
for
while(条件){
//代码
break;中断本次执行
continue; 跳过本次
}
字符串拼接:
'+变量+'
字符串 不能换行
+
\
`` ${变量}
()提升优先级
web分离 样式 结构 行为
逻辑运算符:
&&
||
!
赋值运算符:
=
+=
-=
*=
/=
%=
比较运算符
> < <= >= == === !== !=
作用域:
局部变量 自己域用
全局变量 在那都能用
闭包 子函数能用父函数的变量
数组:Array
length 个数 从1开始
[] 下标 从0开始
push 从后面加入一个内容
操作表单: value
操作非表单:innerHTML 文本/标签
随机数:
Math.random() 0-1
function demo(n,m){
return parseInt(Math.random()*(m-n)+n);
}
undefined:
1.声明变量没有赋值
2.访问不存在的属性
3.调用的时候没有传入参数
return
1.可以返回任何内容
2.阻断 它后面的代码执行
3.没有返回值 返回undefined
. [] 标示符 表达式
非行间样式:
function demo(obj,sName){
return obj.currentStyle?
obj.currentStyle[sName]:
getComputedStyle(obj,false)[sName];
}
没有属性 undefined
没有函数 报错
定时器:
var timer=null;
timer=setInterval(function(){
},1000)
setInterval(aaa,1000)
clearInval(timer)
timer=setTimeout(function(){
},1000)
clearTimeout(timer)
this:谁出发就是谁
eval:把字符串解析成js可以理解的程序
==========================================
双色球:
秒表:
延迟选项卡:
注意:
this:当前发生事件元素
定时器里面不能用this this会变成window
解决方法:
var _this=this;
文字时钟:
日期对象 里面装着日期时间
var oDate = new Date()
获取年 oDate.getFullYear();
获取月 oDate.getMonth(); 比当前月小1,需要+1 是0开始
获取天 oDate.getDate();
获取星期 oDate.getDay(); 星期日是0 也是从0开始
日 一 二 三 四 五 六
0 1 2 3 4 5 6
获取小时 oDate.getHours();
获取分钟 oDate.getMinutes();
获取秒数 oDate.getSeconds();
图片时钟:
var str = 'abc';
str[下标]; 不兼容ie6,7
str.charAt(下标) 获取某一位置的字符
事件:
onmouseover
onmouseout
onclick
onchange
onmousedown 鼠标按下
onmouseup 鼠标抬起
倒计时:
var oDate=new Date();
oDate.getTime(); 时间戳
格林威治时间戳
1970年1月1日 0:0:0:0
从1970年1月1日0点0分0秒0毫秒一直到现在所经历过的毫秒数
1437459829777
获取到目标日期的时间戳(先设置,在获取)
获取到当前的时间戳
时间差=目标时间戳-当前时间戳
时间差(ms)
时间差(s) = parseInt(时间差/1000);
日期对象设置
设置年月日 oDate.setFullYear(y,m,d);
比现实月小1,设置的时候月份要-1
设置时分秒毫秒
oDate.setHours(h,m,s,ms);
自动播放选项卡:
选项卡重用加定时器
now=this.index
tab()
qq提示资料框:
事件连等