当前位置: 移动技术网 > IT编程>网页制作>CSS > JavaScript基础语法

JavaScript基础语法

2019年03月04日  | 移动技术网IT编程  | 我要评论

    javascript

    一.javascript基础语法
    1.位置:放在之间
    2.数据类型和变量
    (1)数值型:var x=0 ;
    (2)字符串类型:var demo="ddd";
    (3)布尔型类型:var x=true; var y=false;
    (4)数组:var car=new array("audi","ddd","ddd","eeee");

    var car=["audi","ddd","ddd","eeee"];
    
    var car=new array();
    car[0]="audi";
    car[1]="ddd";
    car[2]="ddd";
    

    (5)对象:是拥有属性和方法的数据

    var person={
     fristname:"tangzhi";
     lastname="xiaozhi";	
    id:4455 
    };
    document.write(person.lastname)
    

    (6)undefined
    未定义类型的变量是undefined,表示变量还没有赋值,或者赋予一个不存在的属性值

    var x;赋予一个不存在的属性
    person=new object();
    

    (7)null
    javascript中的关键字null是一个特殊的值,它表示为空值,用于定义空的或不存在的引用。如果试图引用一个没有定义的变量,则返回一个null值。这里必须注意的是null不等同于空的字符串("")或0.
    由此可见,null与undefined的区别是:

    null表示一个变量被赋予了一个控制,而undefined则表示该变量尚未被赋值。


    (8) 变量
    在这里插入图片描述
    在这里插入图片描述
    (9)在算术运算符中,i++和++i的含义是相同的。
    注意:当有赋值运算符参加到++和–中的时候,i++和++i的含义是不相同的。

         a.var j=i++; 先把i的值赋值给j,之后i再自加1。
         b.var j=++i; 先把i自加1,之后再赋值给j。
    

    (10)js的语法规则

    a.区分大小写
    b.所有的符号都必须是英文状态下的
    c.每行表达出所表达的意思即可
    d.必须:每行后面都加上一个英语符号
    
    

    (11)js的注释

    单行注释://
    多行注释:/*    */
    

    (12)输出到页面上:document.write("");

    二.流程控制
    分支结构
    (1)单一选择结构(if)
    (2)二路选择结构(if/else)
    (3)内联三元运算符?:
    (4)(switch)
    循环结构
    (1)由计数器控制的循环(for)
    (2)由循环的开头测试表达式(while)
    (3)由循环的末尾测试表达式(do/while)
    (4)对对象的每个属性都进行操作(for/in)
    (1)单一选择结构(if)

    	<script>
    		var x,y,max;
    		x=5;
    		y=9
    		max=x;
    		if(max

    (2)二路选择结构(if/else)

    	<script>
    		var x,y,max;
    		x=5;
    		y=9
    		if(x>y)
    		alert(x)
    		else
    		alert(y)
    	</script>
    

    (3)内联三元运算符?:

    <script>
    	var x=5;
    	(x==5)?a="true":a="false";
    	document.write(a);
    	</script>
    

    (4)switch

    <script>
    			var dd = new date();
    			switch(dd.getday()) {
    				case 1:
    					document.write("今天星期一");
    					break;
    				case 2:
    					document.write("今天星期二");
    					break;
    				case 3:
    					document.write("今天星期三");
    					break;
    				case 4:
    					document.write();
    					break;
    				case 5:
    					document.write("今天星期三");
    					break;
    				case 6:
    					document.write("今天星期三");
    					break;
    				case 7:
    					document.write("今天星期三");
    					break;
    					default:
    					document.write("我也不知道今天星期几");
    					break;
    			}
    		</script>
    
    (5)while
    
    <script>
    		var i=0;
    		var sum=0;
    		while(i

    (6)do{}whlie()

    <script>
    			var i=0;
    			var sum=0;
    			do{
    				sum=sum+1;
    				i++;
    			}while (i

    (7)对对象的每一个属性都进行操作(for/in)

    <script>
    			var x;
    			var y=new array("家良","福哥","冷文");
    			for(x in y){
    				document.write(y[x]+"
    "); } </script> <script> var xx=new array("小智","小幸","张三"); for(i=0;i
    "); } </script>

    三:函数
    (1)
    a.function是必须的,必须小写
    b.在调用函数时,您可以向其传递值,这些值被称为参数。您可以发送任意多的参数,由逗号 (,) 分隔
    c.函数在写好之后是不会自己去执行,需要调用函数才会执行。一般来说写好之后不会总去改变函数内部的代码

    function 函数名(形式参数1,形式参数2){
    //一些代码
    }
    函数名(实际参数1,实际参数2);
    
    			function xx(m,n){
    			     var c=math.pow(m*m+n*n,0.5);
    			     
    				document.write(c);
    				
    			}
    			xx(3,4);
    
    <script>
    function myfunction()
    {
    alert("hello world!");
    }
    </script>
    
    
    

    (2)作用域:

    局部变量:对于函数来说,函数内部定义的变量叫局部变量。
    全局变量:函数外部的变量叫全局变量。
    只针对函数来说

    局部变量:只能在函数内部使用
    全局变量:可以放在任意位置

    	function xx(){
    		   a=2;
    			}
    			xx(); 
    		document.write(a);   
    		能输出2,这里 a=2前面没有var 表示的是,局部变量变成了全局变量。
    

    (3)返回值:return
    return:跳出函数不在执行。
    return:跳出函数,把函数的值返回到调用函数的位置。

    在这里插入图片描述
    四:内部函数
    (1)parseint()取整(如果字符串开头第一个就是字母那么就会出现nan)

     document.write(parseint("24.85")+"
    ");
    

    (2)二维数组

    (3)array对象中的方法:
    1.concat()连接内容或者数组,组成新的数组。
    2.join(“n”) 加入某一个字符n,用n连接数组的每项组成字符串,如果以空字符串连接那么就不会加入新的内容直接把数组的每项内容连接
    3.pop();删除数组的最后一项并返回
    4.reverse():反转数组的顺序内容

    	<script>
    		/*1.concat()*/
    		var arr = [25, 24, 99, 10, 20];
    		var n = arr.concat(4);  
    		document.write(n + "
    "); /* 2.join()*/ var x = arr.join(""); document.write(x + "
    ") /* 3.pop():删掉数组的最后一个值并且返回*/ var d = arr.pop(); document.write(d + "
    "); /* 4.reserve:将数组的值反转*/ var dd = arr.reverse(); document.write(dd); </script>

    在这里插入图片描述

    (4)string
    1.charat(n)找到索引位置上的字符
    2.charcodeat(n)找到索引位置上的字符的编码制:a=97,a=65
    3.indexof(“m”):找m在字符串中第一次出现的位置,如果没有找到就返回给-1.
    4.lastiindexof(“m”):找m在字符串中第一次出现的位置,如果没有找到就返回给-1.
    5.split(“n”): 以字符串n分割字符串并返回一个数组,以空字符分割会把字符串每个字符都当做数组的一项内容,如果不存在n那么就会把整个字符串当成数组的内容
    6.substr(n,m):截取字符串:把字符串从n的位置开始截取,截取m个,如果只有一个参数n,就是从n开始截取,截取到最后。
    7:substring(n,m)截取字符串:把字符串从n开始截取,截取到m的位置。注意:能够取到n,不能取到m。如果只有一个参数,就是从n开始截取,截取到最后
    8.tolowercase():把字符串中的字母转换成小写
    9.touppercase():把字符串中的字母转换成大写

    (5)math对象
    1.math.pow(n,m);求n的m次方
    2.math.abs(n);求n的绝对值
    3.math.random();获得一个0~1之间的随机数字。注意:能取到0但是不能取到1.
    4.floor(); 对数进行下舍入。

    eg:要求:20-60之间的随机数;
    a.先整体减去20变成0~40
    b.random()*40+20
    求任意两个数之间的随机数:math.floor(math.random()*(大数-小数+1)+小数)

    	   var x=math.random()*20+50;
    	   document.write(x);
    

    (4)属性和方法的一般形式
    属性:对象 .属性值;
    方法:对象.方法名();

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网