`

javaScript语法

javascript 
阅读更多
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>
分享到：
| javaScript简介
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics