JS基础内容_最基本的一个js-CSDN博客

本文链接：https://blog.csdn.net/weixin_45997718/article/details/124390157

1.js的使用方法

1)内部方式:在head标签中指定script标签,书写js代码

常用的函数:

要向浏览器输出的内容:
document.write("zzzzz");
在浏览器的控制台输出日志,使用控制台对象:
console.log("aaaaa");
弹出一个提示框:因为windows对象属于浏览器内置顶级对象,代表窗口,频繁调用可以不写
windows.alert("qqqq");
alert("qqqq");
2)外部方式:

a:单独创建js文件,单独创建后缀为.js的文件

b:在xxx.js文件中书写js代码

c:在当前某个页面中导入.js文件

js文件:
document.write("hello");
alert("world");
<script src="xxx.js"></script>

2.js定义变量和数据类型

1)在js中,定义变量用var来定义,var可以省略(js是弱类型语言)

2)因为js是弱类型语言,一个变量可以重复定义,后面的值会覆盖掉前面的值
var a=10;
a=15;
运行结果:

3)var可以定义任何类型
            var a=10;
			a=15;
			var b=20;
			var c="zzzzzz";
			var d='a';//单个内容：字符
			var e='aaa';
4)查看变量的数据类型,使用函数typeof(变量名)
            var a=10;
			a=15;
			var b=20;
			var c="zzzzzz";
			var d='a';//单个内容：字符
			var e='aaa';
			document.write("a的值是:"+a+",a的类型是:"+typeof(a)+"<br />");//+:字符串拼接符号
			document.write("b的值是:"+b+",c的类型是:"+typeof(b)+"<br />");
			document.write("c的值是:"+c+",c的类型是:"+typeof(c)+"<br />");
			document.write("d的值是:"+d+",d的类型是:"+typeof(d)+"<br />");
			document.write("e的值是:"+e+",e的类型是:"+typeof(e)+"<br />");
5)js如何创建对象:

var 对象名=new js内置对象("")

eg:var d=new String("");

3.js运算符

1)算术运算符:+,-,*,/
                    var a=2;
					var b=3;
					var c=5;
					document.write((a+b)+"<br />");
					document.write((a-b)+"<br />");
					document.write((a*b)+"<br />");
					document.write((a/b)+"<br />");
2)比较运算符:>,<,>=,<=
var a=1;
var b=2;
var c=3;
document.write(a>b);
3)逻辑运算符:&&,||

&&:多个条件是并列关系,必须同时满足

||:多个条件是或者关系,满足其中一个则成立

4)三元运算符:

语法格式:(表达式)?执行true的结果:执行false的结果
                    var num1=1;
					var num2=3;
					var max=(num1>num2)?num1:num2;
					document.write("最大值是："+max);
运行结果:

4.流程控制语句

1)顺序结构语句:js代码从上往下加载

2)选择结构语句:

if语句:

a: if(表达式){

语句;

                }



b: if(表达式){

语句1;

                }else{

                        语句2;

}

c: if(表达式1){

if(表达式2){

语句 1;

                        }else{

语句2;

}

...

                }else{

语句n;

                        }

eg:3个变量进行比较(两种方法)
                            var a=1;
							var b=3;
							var c=2;
							var max;     

                           if(a>b){
								if(a>c){
									max2=a;
								}else{
									max2=c;
								}
							}else{
								if(b>c){
									max2=b;
								}else{
									max2=c;
								}
							}
                            document.write("max的值是:"+max);
                            var a=1;
							var b=3;
							var c=2;
							var max;

                            var temp=(a>b)?a:b;
							var max1=(temp>c)?temp:c;
							document.write("max的值是:"+max);
							
switch语句:

switch(变量){
                   case 值1://js中的case语句后面既可以是常量，也可以是变量
                           语句1;
                           break;//j结束
                   case 值2:
                           语句2;
                           break;
                   ...
                   default:
                           语句n;
                           break;
               }

        执行流程:
                   1.先判断变量的值和值1是否匹配,如果匹配,执行语句1,
                   2.如果不匹配,继续和case后面的值2进行比较,如果成立,执行语句2,
                   不成立,继续和case后面的值进行比较,
                   3.如果都不成立,执行语句n,跳出;