三种引入方式
js标签引入的三种方式 1.行间式 写在标签的事件属性中 <div onclick="alert('hello')"></div>(点击出弹窗) 2.内联式 写在script标签中(写js代码需要html标签已经存在, 所以script标签最好写在最下面body与html标签中间,会被解析到body的最后) <script> </script> 3.外联式 通过script标签的src属性,链接外部的js代码 <script src=" "> </script> 需要注意的是:一旦script标签引入了外部js代码,script标签就相当于单标签 标签中间的内容就会被屏蔽,不起效果
基础语法
比较与弱语言类型
//比较 == 值的比较 === 值和书记类型的比较 console.log(2 == '2'); //==> true console.log(2 === 2); //==> true // 弱语言:会根据自己的环境来决定存储的类型 console.log(1 + '2'); //==> "12" console.log(1 + 2); //==> 3 console.log('1' + '2'); //==> "12" console.log(1 - "2"); //==> -1
三种控制输出信息的方式
//三种控制输出信息的方式 //1.控制台输出语句 console.log(); //2.浏览器弹出框提示信息 alert(); //3.将内容写到页面 document.write('标签+内容');
变量与常量
//变量 let a = 10; //变量声明可以不用赋初值 a++; //变量自增 //常量 const b = 1; //常量声明是必须赋初值 一旦声明,常量的值就不可改变
数据类型
//数据类型分为两种 值类型 引用类型 //值类型 //1.数字类型 console.log(1); console.log(1.1); //2.布尔类型 let b = false; console.log(b); //3.字符串类型 '' "" `` let c = ``; //可以写多行 console.log(c); //4.未定义类型 let d; console.log(d); //不赋初值就是未定义类型 //引用类型 //5.数组(相当于list) let arr = [1,2,3,4]; console.log(arr); //6.对象(相当于dict) let sex = '男'; let dic = { name:'xxx', sex // 如果把变量作为值定义对象,并且变量名和属性名相同 // 那么 sex:sex 可以直接简写为 sex }; //7.函数类型 function fn() { }; //8.null类型 let f = null; console.log(f);