javascript的使用方法,运算符,流程控制语句,以及事件编程的基本用法

javascript的使用方法,运算符,流程控制语句,以及事件编程的基本用法,第1张

1.js的基本使用方法

使用方式一(内部方式)

使用方式二(外部方式)

/*外部方式:1单独在js文件夹中,单独创建后缀为.js的文件
         2在xxx.js文件中,书写js代码
		 3在当前某个html页面中,导入这个xxx.js文件*/
		 
		 //
2.js的运算符

1)算术运算符:+,-,*,/,%(模:求余数)    赋值运算符:=
    如:var a = 10 ;将=右边的值赋值给左边的这个变量a;
2)比较运算符: <,<=,>,>=,!=,==
    这些符号不管连接的表达式是复杂的还是简单的,最终要么就true,要么就false
 3)逻辑运算符基本符号:& 逻辑单与,有false,则false
     | 逻辑单或,有true,则true
     ! 逻辑非  
     非true,则false
     非false,则true
     一般情况下:开发中用的都是&&,||
     逻辑双与&&:多个条件是并列关系,必须同时满足条件:有false,则false
     逻辑双或||:多个条件是或者的关系,有一个成立,就成立了!,有true,则true
     4)三元运算符(三目)
      语法格式:表达式可以是简单的或者复杂,要么是true,要么false(表达式?)执行true的结果:执行                           false的结果;
      执行流程:首先判断表达式是否成立,如果成立,则执行true的结果如果不成立,则执行false的结果;

3.js的流程控制语句

三种格式
格式1
if(表达式){
        语句1;
}
        执行流程:
表达式是否成立,如果成立,才能执行语句1
格式2:开发中使用最多(针对两种结果判断)   (java语言中的if格式2也是使用最多的)
if(表达式){
        语句1;
}else{
         语句2;
 }
执行流程:
①先判断表达式是否成立成立,则执行语句1
②否则不成立,执行语句2
格式3:针对多种结果判断的
if...else if...else
if(表达式1){
        语句1;
}else if(表达式2){
         语句2;
            ...
            ...
            ...
}else{
          语句n;
}
执行流程:先判断表达式1是否成立①如果成立,执行语句1
                                                      ②如果不成立,继续判断表达式2是否成立,
                                                      ③如果成立,执行语句2,不成立,依次执行下面的语句..
                                                       ④如果上面都不成立,执行else中的语句n;

4.js事件编程的基本用法

练习:根据输入的值,判断季节
            3,4,5月   春季
            6,7,8月   夏季
            9,10,11月  秋季
            12,1,2月  冬季
 分析:
获取文本输入框的输入的值
此处 js的核心技术: dom编程 ,就是获取标签对象,然后通过特有的方法改变标签对象的属性
                          

function myClik(){
	var inputObj=document.getElementById("month")
	content=inputObj.value;
	// 获取输入框的值
	if(content==3||content==4||content==5){
		alert("春季");
	}else if(content==6||content==7||content==8){
		alert("夏季");
	}else if(content==9||content==10||content==11){
		alert("秋季");
    }else if(content==12||content==1||content==2){
		alert("冬季");
	}else{
		alert("请输入正确的日期")
	}
	//完成判断
}



	
		
		
		
	
	
		
		
	

 

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/langs/739500.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-28
下一篇 2022-04-28

发表评论

登录后才能评论

评论列表(0条)

保存