js基础二-CSDN博客

本文链接：https://blog.csdn.net/wwwjiahuan/article/details/53558901

一.运算符

1.%取模

实例：隔行变色，秒转时间

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset='utf-8'>
		<title>隔行变色</title>
	</head>
	<script>
		window.οnlοad=function(){
			var aLi=document.getElementsByTagName('li');
			for(var i=0;i<aLi.length;i++){
				if(i%2==0)
				{
					aLi[i].style.background='#ccc';
				}
				else{
					aLi[i].style.background='';
				}
			}
		};
	</script>
	<body>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</body>
</html>

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset='utf-8'>
		<title>秒转时间</title>
	</head>
	<script>
		window.οnlοad=function(){
			var a=61;
			alert(parseInt(a/60)+'分'+a%60+'秒');
		}
	</script>
</html>

二.程序流程控制

1.判断if,switch,?:

swich实例

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset='utf-8'>
		<title>switch</title>
	</head>
	<script>
		window.οnlοad=function(){
			var name='王佳欢';
			var sex='女';
			switch(sex){
				case '女':
					alert(name+'女士');
					break;
				case '男':
					alert(name+'男士');
					break;
				default:
					alert(name);
					break;
			}
		}
	</script>
</html>

三目运算实例：

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset='utf-8'>
		<title>三目运算</title>
		<script>
			window.οnlοad=function(){
				var a=3;
				a==2?alert("是"):alert("不是");
			}
		</script>
	</head>
</html>

2.跳出break,continue

三.Json

json下标是字符串不是数字，数组下标是数字。

实例：

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset='utf-8'>
		<title>json</title>
	</head>
	<script>
		window.οnlοad=function(){
			var json={a:1,b:'b',c:'ads'};
			for(var i in json)
			{
				alert(json[i]);
			}
			//alert(json.a);
		}
	</script>
</html>