JavaScript学习

js中定义变量使用关键字是:var(可写可不写,因为js是非严谨语言).
例如:
var x="abc"  //赋值字符串类型。
var x=3.1415 //赋值为小数,数字类型。
var x=true; //赋值为boolean类型。

alter("x="+x);//这是一个函数,将具体的参数类型通过对话框进行显示。
例1:
var a = 3;
var b = 4;
alert("a+b="+(a+b));//输出结果为7;
alert("a+b="+a+b);//输出结果为34(表示字符串相加,so,结果为34)
例2:
var a1=2.3, b1=3.7;
	alert("a1+b1="+(a1+b1));//输出结果为:6.
var a=11,b=9;
  	alert("a+b="+a+b);//输出结果为:119.

运算符:

1,算数运算符:(+ - * / ++ --)
例3:
alert(true+1);//输出结果为2.
alert("10"-1);//输出结果为9.
alert("10"+1);//输出结果为101.
alert(true+1);//输出结果为2.(js中false代表:0或者null;ture代表:1或者非null)

var a1=2.3, b1=3.7;
	alert("a1+b1="+(a1+b1));//输出结果为:6.
var a=11,b=9;
  	alert("a+b="+a+b);//输出结果为:119.
2,赋值运算符:(= += -= *= /= %=)
例4:var i=3; i+=2; alert("i="+i); //输出结果为5.
3,比较运算符:( > < >= <= != ==)
var a=5;var b=6;alert(a !=b);//输出结果为true.
4,逻辑运算符:(& && | ||)
var a = 10; alert(a>5 && a<15);//输出结果为true.
5,位运算符:(& ^ >> << >>>)
var a = 10; alert(a<<2);  //输出结果为40.
6,三元运算符:(a>b ? ture: false)
例如5:
var a=200;
var b=100; alert(a>b?true : false);//输出结果为true.

在JavaScript中可以通过typeof来获取具体的类型。
例如:
alert(typeof("abc"));//输出为string类型.
alert(typeof(2.5));//number
alert(typeof(25));//number

语句介绍:
1,顺序结构:()
2,判断结构:( if else)
var a=5; var b=6;
  	 if(a>b){
  	 	alert("yes");
  	 }else{
  	 	alert("no");  
  	 }
	 //输出结果为:no.

3,选择结构:(switch case)
<script type="text/javascript">
  	var x="a";
  	 switch(x){
  	 	default:
  	 		alert("春天");
  	 		break;//(break;可以省略)
  	 	case "b":
	  	 	alert("夏天");
	  	 	break;
  	 	case "c":
  	 		alert("秋天");
  	 		break;
  	 	case "a":
  	 		alert("冬天");
  	 		break;
  	 }//输出结果为:冬天.
  </script>

4,循环结构:(for ,while,do while)
for(var x=0;x<5;x++){
  	document.write("x="+x);//x=0x=1x=2x=3x=4 
  	}
5,其他语句:(break:跳出循环,选择。continue:用于循坏语句,结束本句循坏,执行下局循坏).

练习:打印九九乘法表.()
<script type="text/javascript">
  document.write("<table>");	
  for(var x=1;x<=9;x++){
  	for(var y=1;y<=x;y++){
  		document.write("<td>"+y+"*"+x+"="+y*x+"</td>");//x=0x=1x=2x=3x=4 
  			}
  		document.write("</tr>");
  	}	
  	document.write("</table>");
  </script>
没有导入css代码打印的效果:
1*1=1 
1*2=2 2*2=4 
1*3=3 2*3=6 3*3=9 
1*4=4 2*4=8 3*4=12 4*4=16 
1*5=5 2*5=10 3*5=15 4*5=20 5*5=25 
1*6=6 2*6=12 3*6=18 4*6=24 5*6=30 6*6=36 
1*7=7 2*7=14 3*7=21 4*7=28 5*7=35 6*7=42 7*7=49 
1*8=8 2*8=16 3*8=24 4*8=32 5*8=40 6*8=48 7*8=56 8*8=64 

1*9=9 2*9=18 3*9=27 4*9=36 5*9=45 6*9=54 7*9=63 8*9=72 9*9=81 

导入css文件内容如下:

table,table td{
	border:#0000ff double 1px;
	width: 600px;
	}

导入css代码打印的效果:


继续坚持更新中。。。。。。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值