JS操作style属性
var oDiv = document.getElementById('div1');
/*style属性中的样式属性，没有"-"号的，写法相同*/
oDiv.style.color = 'red';
oDiv.style.background = 'gold';
/*
style属性中的样式属性，带"-"号的需要去掉"-"号，写成小驼峰式
例如：font-size属性要写为fontSize
*/
oDiv.style.fontSize = '30px';
JS操作class
var oDiv = document.getElementById('div1');
// 由于class是js中的保留关键字，所以设置class属性时，要写为className
oDiv.className = 'box02';
JS操作括号属性
var oDiv = document.getElementById('div1');
//oDiv.style.color = 'red';//red必须加引号，否则会认为它是一个变量，引起来会认为它是一个值，赋值给=号左边
var attr = 'color';
// oDiv.style[attr] = 'red';
/* 通过[]操作属性可以写变量 */
oDiv['style'][attr] = 'red';
/* 通过innerHTML可以读写元素包括的内容 */
alert(oDiv.innerHTML);//读取标签里面包裹的元素，即“这是一个div元素”
var oDiv2 = document.getElementById('div2');
// oDiv2.innerHTML = '这是第二个div元素';//向div标签中插入内容
oDiv2.innerHTML = "百度网";//向div标签中插入超链接标签
/*
document.write和innerHTML的区别
document.write只能重绘整个页面
innerHTML可以重绘页面的一部分
*/
一、定时器分类
- setTimeout 只执行一次的定时器
- clearTimeout 关闭只执行一次的定时器
- setInterval 反复执行的定时器
- clearInerval 关闭反复执行的定时器
二、定时器 基本用法
//单次定时器
var timer = setTimeout(function(){},3000);
clearTimeout(timer);
//反复循环
var time2 = setInterval(function(){},2000)
clearInterval(timer2)
三、变量的作用域+
全局变量：在函数外部定义的变量 函数内部和外部都可以访问
局部变量：在函数内部定义的变量 只有内部都可以访问
四、函数
function aa(){
alert("hello")
}
aa();//直接调用
五、匿名函数
没有名字的函数
functionaa(){
alert("hello")
}
aa();//直接调用
//匿名函数：
function(){
alert("hello")
}
六、函数传参
function aa(x){
alert(x)
};
aa("哈哈哈");
七、return 返回值
function add(a, b){
var c = parseInt(a) + parseInt(b);
// alert('计算完成');//执行
return c;//返回函数设定的值，同时结束函数的运行
// return;//不返回值，仅结束函数的运行
// alert('计算完成');//不执行
}
八、流程控制 和 语句
-
流程控制：
- JS的程序是从上倒下一行一行执行的
- 通过流程控制语句可以控制程序执行流程， 使程序可以根据一定的条件来选择执行
-
语句分类
- 1.条件判断语句
- 2.条件分支语句
- 3.循环语句
九、条件判断语句
使用条件判断语句可以在执行某个语句之前进行判断，如果条件成立才会执行语句，条件不成立则语句不执行。
- 语法：
- 1.if(条件判断){·····} 满足条件就执行{}里的代码
- 2.if(条件判断){····}else{·····} 果该值为true，则执行if后的语句如果该值为false，则执行else后的语句
- 多重判断语法
if(){
·····
}else if(){
····
}else if(){
····
}
- 条件分支语句
switch(条件表达式){
case 表达式:
语句...
break;
default:
语句···
break；
在执行时会依次将case后的表达式的值和switch后的条件表达式的值进行全等比较，
如果比较结果为true，则从当前case处开始执行代码。
当前case后的所有的代码都会执行，我们可以在case的后边跟着一个break关键字，
这样可以确保只会执行当前case后的语句，而不会执行其他的case
如果比较结果为false，则继续向下比较
如果所有的比较结果都为false，则只执行default后的语句
十、循环语句
通过循环语句可以反复的执行一段代码多次
- while 循环
- 语法一：
- while（条件表达式）{······} 如果值为true，则执行循环体， 循环体执行完毕以后，继续对表达式进行判断如果为true，则继续执行循环体，以此类推。如果值为false，则终止循环。
- 语法二
- do{····}while{·······}实际上这两个语句功能类似，不同的是while是先判断后执行，而do...while会先执行后判断，do...while可以保证循环体至少执行一次，而while不能
- 语法一：
- for 循环
- for(①初始化表达式;②条件表达式;④更新表达式){····}①执行初始化表达式，初始化变量（初始化表达式只会执行一次） ②执行条件表达式，判断是否执行循环。 如果为true，则执行循环③ 如果为false，终止循环 ④执行更新表达式，更新表达式执行完毕继续重复②
- 死循环
- while （True）：
- for(;;)
十一、数组
var arre = []; //数组
alert(arre.length);//数组的长度
var arrs = [[12,23,43],[z,f,g,h,],[a,1,3,f]];
alert(arrs.[2][2]);//弹出g
十二、数组的常用方法
- 链接数组元素 join（）
- 在数组最后追加元素 push()
- 删除末尾元素 pop()
- 在前面加元素unshift()
- 删除索引为0 的值 shift（）
- 反转 reverse（）
- 查找第一次出现的值得索引 indexOf（）
- 从第m索引开始删除n个元素再插入k splice (m,n,k)
//数组去重
var aRr = [1,3,4,1,6,9,1,2,5,3,1,6,5,4,4];
var aRr2 = [];
for(var i=0; i十三、字符串方法
- 字符串转成数组 split（）
- 获取指定索引的字符 charAt()
- 查看第一次出现的位置 indexOf()
- 截取子串 substrings(包括开始位置，不包括结束位置)
- 转换大写字母 toUpperCase()
- 转换小写字母 toLowerCase()
//字符串反转
/1、split字符串转成数组
//2、reverse数组反转
//3、join数组转成字符串
var sTr2 = sTr.split('').reverse().join('');
alert(sTr2);//12efdsa88897fdsa321