js數(shù)組
join 能把元素連起來 連接字符串 合并元素
push 添加 末尾
pop 刪除 末尾
unshift 添加 開頭
shift 刪除 開頭
reverse 反轉(zhuǎn) ’不是倒序Ｇ宰！Ｗ壹肌！
indexOf 相同元素 返回第一個元素的索引值 查找字符首次出現(xiàn)的索引
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>數(shù)組常用方法</title>
<script type="text/javascript">
var arr = [1,2,3,4];
//ar str = arr.join('-');
//join 能把元素連起來 連接字符串 合并元素
//alert(str); //1-2-3-4
//arr.push(5); //push 添加 末尾
//alert(arr); //1,2,3,4,5
//arr.pop(); // pop 刪除 末尾
//alert(arr); //1,2,3
//arr.unshift(0);//unshift 添加 開頭
//alert(arr); //0,1,2,3,4
// arr.shift(); // shift 刪除 開頭
// alert(arr); // 2,3,4
//arr.reverse();
//reverse 反轉(zhuǎn) ’不是倒序＞杳Ａ酉瘛！‘
//alert(arr); //4,3,2,1
var arr2 = ['a','b','c','d','a','b','c','d'];
// var num = arr2.indexOf('b');
//indexOf 相同元素 返回第一個元素的索引值 查找字符首次出現(xiàn)的索引
// alert(num); // 1
// 參數(shù)1 ：表示索引從2的元素開始 參數(shù)2：表示刪除1個元素
// arr2.splice(2,1);
// alert(arr2); //a,b,d,a,b,c,d
// 參數(shù)3：再插入字母e //替換 包括插入刪除
// arr2.splice(2,1,'e'); //a,b,e,d,a,b,c,d
// alert(arr2)
arr2.splice(4,4,'x','i','n','g');
alert(arr2);
</script>
</head>
<body>
</body>
</html>
js流程控制語句為
1 條件判斷語句 ： if else
2 條件分支語句： switch...case
3 循環(huán)語句 ： for while do...while
js 循環(huán)語句
for循環(huán) while循環(huán)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>循環(huán)語句</title>
<script type="text/javascript">
window.onload = function(){
var list01 = document.getElementById('list01')
var lis = list01.getElementsByTagName('li')
// for(var i=0; i<lis.length; i++){
// lis[i].style.background = 'pink';
// }
// for(var i=0; i<lis.length; i++){
// if(i%2 == 0){
// lis[i].style.background = 'pink';
// }
// }
// if(i%2 == 0) 隔行變色
// var i=0;
// while(i<lis.length){
// if(i%2 == 0){
// lis[i].style.background = 'pink';
// }
// i++;
// }
// var i = 100;
// do{ // do 先執(zhí)行一次
// if(i%2 == 0){
// lis[i].style.background = 'pink';
// }
// i++;
// }while(i<lis.length);
for(;;){
//for 死循環(huán)
break
}
while(true){ // 死循環(huán)
break //跳出循環(huán)
}
}
</script>
</head>
<body>
<ul id="list01">
<li>不將就</li>
<li>不將就</li>
<li>不將就</li>
</ul>
</body>
</html>
js條件語句
if else
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>條件判斷語句</title>
<style type="text/css">
.box{
width: 300px;
height: 300px;
background-color: gold;
}
</style>
<script type="text/javascript">
window.onload = function(){
var btn = document.getElementById('btn')
var box = document.getElementById('box')
btn.onclick = function(){
if (box.style.display == 'none') {
box.style.display = 'block';
}else{
box.style.display = 'none';
}
}
}
</script>
</head>
<body>
<input type="button" value="切換" id='btn'>
<div class="box" id='box' ></div>
</body>
</html>
js條件分支語句
switch...case
switch(today){
case 1:
alert('語文')
break;
case 2:
alert('數(shù)學(xué)')
break;
case 3:
alert('英語')
break;
case 4:
alert('美術(shù)')
break;
case 5:
alert('舞蹈')
break;
default:
alert('不補習(xí)')
}
