初学js基础

HTML 的属性操作：读、写
属性名：
属性值：
        
读操作：获取、找到
元素.属性名
        
写操作：“添加”、替换、修改
元素.属性名 = 新的值


不能作为判断条件
所有的相对路径地址
    img src
    href
    颜色值：color: red     #f00 rgb() rgba()

ECMAScript：标准、核心
HTML 标签类型：block、inline、inline-block、table……
JS中的数据类型：数字、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义

typeof 判断数据类型

显式类型转换（强制类型转换）：
Number()    //字符串-->数字
parseInt()    //整数
parseFloat()     //浮点数

隐式类型转换：
    +        200 + '3'     变成字符串
    - * / %        '200' - 3     变成数字
    ++ --        变成数字
    > <         数字的比较 、字符串的比较
    !    取反    把右边的数据类型转成布尔值
    ==
NaN 不是数字的数字类型  //NaN  肯定进行了非法的运算操作 NaN 与自己都不相等！！ false


innerHTML

o.innerHTML  获取      元素 HTML
o.innerHTML = '改变';  元素 HTML

自定义属性

var data = o[0].data; //属性读操作
o[0].data = 'data'; //属性写操作
o[i].onOff = ture  //设置个开关 判断
o[i].index = '1' //添加索引值




var len = 10; //长度先计算
var str = '';
for(var i = 0 ; i<len ; i++){
    str += 'str';

}
console.log(str);

isNaN()//判断值是不是数字  不喜欢数字

parseInt(a)==parseFoat(a); //p判断是否是整数

oDiv.style.cssText = 'width:200px;height:200px;';  //替换行间样式


找按钮麻烦
先清空在生成
判断 onOff


图片切换
全部清空,当前添加
清空上个,当前添加







a=...
所有的变量,在正式运行代码之前,都提前赋了一个值:未定义
fn1=function fn1(){alert(2);}
所有的函数,在正式运行代码之前,都是整个函数块

预解析:
遇到重名的:只留一个
变量和函数重名了,就只留下函数
 
函数优先于变量

alert(a);
var a = 1;
alert(a);
function a(){alert(2);};
alert(a);
var a = 3;
function a(){alert(4);};
alert(a);


arguments

getComputedStyle($('div').width)  获取浏览器计算后的样式  //IE6 7 8 不兼容

currentStyle.width     //标准浏览器不兼容


定时器
var timer = setInterval(函数,毫秒值);   //重复执行
clearInterval(timer);                   //清除

var timer = setTimeout(函数,毫秒值);    //执行一次
clearTimeout(timer);     



String

str.length;
str.charAt(); //默认第一个
str.charCodeAt(); //编码值
String.fromCharCode(22037,21619 ) //
str.indexOf('m');  //-1找不到
str.indexOf('m',num); //num 从哪开始找
str.lastIndexOf('m',num);//从后向前找  -num == 0

str.substring(n,m); //n 起始位置, m截取个数 可以坚持两个数,大的往后扔,小的往前扔
str.slice(n,m);   //n 起始位置, m截取个数  负数从后面倒着往前找

str.split('.', 2); //2数组长度

str.join(''); //把数组变为字符串


var str = '妙味课堂-WWW.miaov.com';

str.charAt(1);            // '味'
str.charCodeAt(1);            // 21619
String.fromCharCode(22937, 21619);    // '妙味'

str.indexOf('m', 4);            // 9
str.lastIndexOf('o');            // 16

'1000' < '2'            // true
'1000' > 2            // true

str.substring(0, 4);            // '妙味课堂'
str.slice(-3);            // 'com'

str.toUpperCase();            // '妙味课堂-WWW.MIAOV.COM'
str.toLowerCase();            // '妙味课堂-www.miaov.com'

str.split('.', 2);            // [ '妙味课堂-WWW', 'miaov' ]

var arr = [ 'www', 'miaov', 'com' ];
arr.join('aaa');



for(var i in json){
}

arr =[1,2,3]

arr;length = n;//截取前n个
//清空
arr.length = 0;
arr=[];//效率高

str.length = 1;不可写 arr.length = 1;可写

arr.push(1); //添加最后一位 return arr.length
arr.unshift(1); //添加第一位 return arr.length ie6 7 不支持 unshift 返回值

//删除
arr.pop(); //删除最后一个  return 删除值
arr.shift(); // 删除第一个  return 删除值

arr.unshift(arr.pop()); //最后一个 和 第一个 替换
arr.push(arr.shift()); //第一个 和 最后一个 替换

//删除 替换 添加
arr.splice(start,num); //删除  start 开始位置  num删除几个  return 删除的值
arr.splice(0,2);

arr.splice(start,num,string); //替换  
arr.splice(0,2,string);

arr.splice(1,0,string,''); // 添加
arr.splice(1,0,string,string)

arr.sort()//排序  

arr.sort(function(a,b){
    return a-b;  //从小到大
})

arr.sort(function(a,b){
    return Math.random()-0.5  //随机
})

Math.random() //Mtah.round(Math.random()) 0-1
Mtah.round(3.4) //5

Mtah.round(Math.random()*10) //0-10
Mtah.round(Math.random()*5+5) //5-10

//x-y
Mtah.round(Math.random()*(y-x)+x) //5-10

//0-x
Mtah.round(Math.random()*x) // 0=x

//1-x
Mtah.ceil(Math.random()*x) // 1=x


arr1.concat(arr2); //数组连接
arr1.concat(arr2,arr3);

arr.reverse(); //反转








/*
*function
*@param arr 数组
*@return
*/











float
oDiv.style.float = 'right';
oDiv.style.styleFloat = 'right';    // IE
oDiv.style.cssFloat = 'left';        // 非IE