javaScript语法

阅读更多 1. javaScript语法 1) javaScript引入方式 <head> <meta charset="UTF-8"> <title>JavaScript引入方式</title> <script type="text/java...
阅读更多
1. javaScript语法

1) javaScript引入方式
<head>
<meta charset="UTF-8">
<title>JavaScript引入方式</title>
<script type="text/javascript">
    alert("头部");
</script>
</head>
<body>
<script type="text/javascript" src="myJs.js"></script>
<script type="text/javascript">
    alert("身体");
</script>
</body>
</html>

myJs.js
alert("外部引入的");


2) javaScript注释
单行:// ;
多行:/* */ ;

<script type="text/javascript">
// document.write("a<br/>");
/*document.write("b<br/>");
document.write("c<br/>");*/
document.write("d<br/>");
</script>


3) javaScript变量
JavaScript是弱类型语言,统一用var来定义变量;

<script type="text/javascript">
    var a ;  // 定义变量a
    a=1;     // 给变量a赋值
    document.write("a="+a+"<br/>");
    a="我是字符串";
    document.write("a="+a+"<br/>");
    
    var b="你好啊";
    document.write("b="+b+"<br/>");
</script>


4) javaScript基本数据类型
4.1 数值类型;
4.2 字符串类型;
4.3 布尔类型;
4.4 Undefined(表示变量不含有值);
4.5 Null(置空变量);

<script type="text/javascript">
 var a=1;
 document.write("数值类型a="+a+"<br/>");
 var b=1.2;
 document.write("数值类型b="+b+"<br/>");
 var c='我是人';
 document.write("字符串类型c="+c+"<br/>");
 var d=false;
 document.write("布尔类型d="+d+"<br/>");
 
 var e;  // 表示变量不含有值
 document.write("e="+e+"<br/>");
 
 var f="你好";
 document.write("f="+f+"<br/>");
 f=null;  // 变量置空
 document.write("f="+f+"<br/>");
</script>


5) javaScript运算符
5.1 算术运算符;

<script type="text/javascript">
 var x=10,y=4;
 document.write("x="+x+",y="+y+"<br/>");
 document.write("x+y="+(x+y)+"<br/>");
 document.write("x-y="+(x-y)+"<br/>");
 document.write("x*y="+(x*y)+"<br/>");
 document.write("x/y="+(x/y)+"<br/>");
 document.write("x%y="+(x%y)+"<br/>");
 document.write("x++="+(x++)+"<br/>");
 document.write("x="+x+"<br/>");
 document.write("++y="+(++y)+"<br/>");
 document.write("y="+y+"<br/>");
</script>

5.2 赋值运算符;

<script type="text/javascript">
 var x=10,y=4;
 document.write("x="+x+",y="+y+"<br/>");
 x=10;y=4;
 document.write("x="+x+"<br/>");
 x=10;y=4;
 document.write("x+=y,x="+(x+=y)+"<br/>");
 x=10;y=4;
 document.write("x-=y,x="+(x-=y)+"<br/>");
 x=10;y=4;
 document.write("x*=y,x="+(x*=y)+"<br/>");
 x=10;y=4;
 document.write("x/=y,x="+(x/=y)+"<br/>");
 x=10;y=4;
 document.write("x%=y,x="+(x%=y)+"<br/>");
</script>

5.3 比较运算符;

<script type="text/javascript">
 var x=10,y=4;
 document.write("x="+x+",y="+y+"<br/>");
 document.write("x==10,结果"+(x==10)+"<br/>");
 document.write("x=='10',结果"+(x=='10')+"<br/>");
 document.write("x===10,结果"+(x===10)+"<br/>");
 document.write("x==='10',结果"+(x==='10')+"<br/>");
 document.write("x!=10,结果"+(x!=10)+"<br/>");
 document.write("x!='10',结果"+(x!='10')+"<br/>");
 document.write("x!==10,结果"+(x!==10)+"<br/>");
 document.write("x!=='10',结果"+(x!=='10')+"<br/>");
 document.write("x&gt;y,结果"+(x>y)+"<br/>");
 document.write("x&lt;y,结果"+(x<y)+"<br/>");
 document.write("x&gt;=y,结果"+(x>=y)+"<br/>");
 document.write("x&lt;=y,结果"+(x<=y)+"<br/>");
</script>

5.4 逻辑运算符;

<script type="text/javascript">
 var x=10,y=4;
 document.write("x="+x+",y="+y+"<br/>");
 document.write("(x&lt;11&&y&gt;5),结果"+(x<11&&y>5)+"<br/>");
 document.write("(x&lt;11||y&gt;5),结果"+(x<11||y>5)+"<br/>");
 document.write("!(x&lt;11),结果"+!(x<11)+"<br/>");
</script>

5.5 三目运算符;

<script type="text/javascript">
 var x=10,y=4;
 document.write("x="+x+",y="+y+"<br/>");
 document.write("(x&gt;y?x:y),结果"+(x>y?x:y)+"<br/>");
</script>

5.6 字符串连接“+”

<script type="text/javascript">
 var x=10,y='4';
 document.write("x="+x+",y="+y+"<br/>");
 document.write("(x+y),结果"+(x+y)+"<br/>");
</script>


6) javaScript选择与循环语句
6.1 if...else 语句;

<script type="text/javascript">
 var a=1;
 if(a>2){
	 alert("a>2");
 }else{
	 alert("a<=2");
 }
 
 var month=6;
 if(month>=1&&month<=3){
	 alert("春天");
 }else if(month>=4&&month<=6){
	 alert("夏天");
 }else if(month>=7&&month<=9){
	 alert("秋天");
 }else if(month>=10&&month<=12){
	 alert("冬天");
 }else{
	 alert("逆天了");
 }
</script>

6.2 switch 语句;

<script type="text/javascript">
 var d=6;
 switch(d){
 case 1:alert("周一");break;
 case 2:alert("周二");break;
 case 3:alert("周三");break;
 case 4:alert("周四");break;
 case 5:alert("周五");break;
 case 6:alert("周六");break;
 case 7:alert("周日");break;
 default:alert("逆天了");
 }
</script>

6.3 for 循环语句;

<script type="text/javascript">
 for(var i=0;i<10;i++){
	 document.write("i="+i+"<br/>");
 }
</script>

6.4 while/do..while 语句;

<script type="text/javascript">
 var i=0;
 while(i<10){
	 document.write("i="+i+"<br/>");
	 i++;
 }
 
 var j=0;
 do{
	 document.write("j="+j+"<br/>");
	 j++; 
 }while(j<10);
</script>


7) javaScript函数
<script type="text/javascript">
 function fun1(){
	 alert("我的第一个方法");
 }
 
 function fun2(param1){
	 alert(param1);
 }
 
 function fun3(param1,param2){
	 alert(param1+" "+param2);
 }
 
 function fun4(param1,param2){
	 return param1+" "+param2;
 }
 // fun1();
 // fun2("fuck");
 // fun3("fuck","you");
 var result=fun4("fuck","you");
 alert(result);
</script>


8) Break VS Continue
<script type="text/javascript">
   document.write("break;<br/>");
   for(var i=0;i<10;i++){
	   if(i==5){
		   break;
	   }
	   document.write("i="+i+"<br/>");
   }
   document.write("<hr/>");
   document.write("continue;<br/>");
   for(var j=0;j<10;j++){
	   if(j==5){
		   continue;
	   }
	   document.write("j="+j+"<br/>");
   }
</script>
分享到:
评论

原文出处:https://andrew7676.iteye.com/blog/2435993

  • 发表于 2019-01-08 09:18
  • 阅读 ( 224 )
  • 分类:网络文章

条评论

请先 登录 后评论
不写代码的码农
小编

篇文章

作家榜 »

  1. 小编 文章
返回顶部
部分文章转自于网络,若有侵权请联系我们删除