1.3 js基础
.style 操作行间样式
.className 直接修改class
2、操作属性
. 操作已有的属性
[] 点能做的方括号都能做,方括号里放字符串,能放变量。
3、操作元素内容
表单元素obj.value; 获取内容obj.value='abc'; 设置内容非表单元素obj.innerHTML; 获取内容obj.innerHTML=''; 设置内容字符串拼接要把多个字符串变成一个字符串1. http://www.sina.com.cn/2. 淘宝广告3. 提示框4. 自定义下拉框
基础知识。
4、数据类型
string 字符串number 数字object 对象boolean 布尔值undefined 未定义function 函数
检测数据类型typeof
5、undefined 什么时候会出现:
1.变量声明了但是没赋值2.访问一个不存在的属性3.访问一个没有传值得参数
6、显式类型转换 强制类型转换
parseInt(字符串) 把字符串转变成整数'12.5px' 12parseFloat(字符串) 把字符串转变成小数(浮点数)'12.5px' 12.5Number(字符串) 把字符串转变成数字 比较严格。'12.5px' NaN
7、隐式转换
- * / == > <********隐式转换,尽量别用。= 赋值== 比较是否相等
8、数字转字符串
NaN Not a Number他有病。很严重的精神分裂。是number类型NaN是一个特殊的数字,是一个不是数字的数字。代表了没有意义。NaN不等于任何东西,包括它自己。检测NaN检测这个东西是不是NaNisNaN()
9、if判断
格式
if(条件){语句1}else{语句2}if(条件1){语句1}else if(条件2){语句2}else if(条件3){语句3}else{语句4}if(条件){}if可以单独出现。请写出流程控制语句?if(条件){语句}if(条件1){语句1}else{语句2}if(条件1){语句1}else if(条件2){语句2}else{语句3}
10、switch
语法:
switch(参数){case 选项1:语句1break;case 选项2:语句2break;default:默认语句break;}if和switch用哪个?1.条件多的用switch条件少的用if2.if适合去判断。switch适合去比较
11、运算符:
---------------------------------------------------------------
算术运算符
+ - * /%(模,取余)隔行变色秒转换
需要几种情况就模几
赋值运算符
= += -= *= /= %=秒转换
<script>
//求出有多少天多少小时多少分钟多少秒
//0天 00:00:00
//1分 60
//1时 3600
//1天 86400
var s = 1747432;
var d = parseInt(s/86400);
s%=86400;
var h = parseInt(s/3600);
s%=3600;
var m = parseInt(s/60);
s%=60;
document.write(d+'天 '+h+':'+m+':'+s);
</script>
> < >= <=== !==== 全等!== 不全等
**************************************************
= 赋值== 判断是否相等,只要值一样就ok=== 判断是否全等,值要一样,类型也要一样。
**************************************************
逻辑运算符
&& 与(并且) 两边的条件必须都满足才算真的。|| 或(或者) 两边的条件满足一个就是真的。! 非(取反)
if语句
当只有一条语句时,可以不写大括号
if语句if(条件){语句}条件&&语句;if...else...if(条件){语句1}else{语句2}
三目运算符(三元表达式)
条件?语句1:语句2;只能放一个语句。
null 空对象 没有任何意义1.document.getElementById(); 没获取到是null什么是真?true 非0的数字 非空字符串 非空对象什么是假?false 数字0 空字符串'' 空对象 null undefined NaN
12、获取元素的非行间样式
obj.currentStyle.样式名兼容 IE系列getComputedStyle(obj,false).样式名兼容 高级浏览器false作用:1.在以前的时候,获取伪类样式2.兼容低版本火狐浏览器obj.currentStyle兼容的地方 是对象 是真的不兼容的地方 是undefined 是假的
13、获取随机数 获取0-1之间的随机小数
Math.random()0有几率出现,但是1永远不会出现n-m的随机整数 m永远不会出现parseInt(n+Math.random()*(m-n));
10-20parseInt(10+Math.random()*(20-10));parseInt(10+0*(20-10));parseInt(10+0*10);parseInt(10+0);parseInt(10);10parseInt(10+0.9999999*(20-10));parseInt(10+0.9999999*10);parseInt(10+9.999999);parseInt(19.999999);19
body只能有一个。作者给了一个简单的获取body的方法:document.body操作元素的方式十六进制单词rgb(r,g,b);0-255数值越小,颜色越深。。数值越大,颜色越浅。。body本身没有高度。document是最大的。