1 js定义
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
2 js写在哪里
1）内联（行内）
例：<input type="button" value="点击弹出" οnclick="alert('行内弹出')"/>
2）内嵌
写在html文件里面，以标签的形式表现
例：
<script>
alert("内嵌写法");
</script>
3）外部引用
写在html文件里面，以标签的形式表现
<script src="common.js"></script>
3 三种弹窗
1）alert();
提示框
2）confirm();
选择框，有返回值为true或false
3）prompt();
输入框，返回值为输入的内容
实例：三种弹窗的练习
代码：
//alert弹窗 alert("提示信息！"); //confirm弹窗 var con=confirm("请选择"); alert(con);//prompt弹窗 var con2=prompt("请输入"); alert(con2);
4 基本语法
4.1 关键字
Javascript关键字(Reserved Words)是指在Javascript语言中有特定含义，成为Javascript语法中一部分的那些字。
Javascript关键字是不能作为变量名和函数名使用的。
使用Javascript关键字作为变量名或函数名，会使Javascript在载入过程中出现编译错误。
4.2 标识符
在JS中所有的可以由我们自主命名的都可以称为是标识符，例如：变量名、函数名、属性名都属于标识符
命名一个标识符时需要遵守如下的规则：
1）标识符中可以含有字母 、数字 、下划线_ 、$符号
2）标识符不能以数字开头
3）标识符不能是ES中的关键字或保留字
4）标识符一般都采用驼峰命名法：首字母小写，每个单词的开头字母大写，其余字母小写：helloWorld xxxYyyZzz
5）有一定意义，能够见名知意
4.3 注释
单行注释：
//注释内容
多行注释：
/*
注释内容
注释内容
*/
4.4 变量
变量是用于存储信息的"容器"。
1）两种定义方式：
先声明后赋值
var num;
num=123;
声明同时赋值
var num=123;
变量定义好后，可以任意修改：
变量名=值（值可以是具体的，也可以是变量、方法）;
4.5 数据类型
1）数字(Number)
常用数学方法：
实例：变量和常用的Math 对象方法
代码：
//变量定义并改变值 var str="你好"; console.log("srt："+str); str=123; console.log("srt："+str); //绝对值 var a=Math.abs(-10) console.log("-10的绝对值是："+a); //向上取整 var b=Math.ceil(15.1); console.log("15.1向上取整为："+b); //向下取整 var c=Math.floor(15.9); console.log("15.9向下取整为："+c); //取0到1之间的随机数 var num=Math.random(); alert("0到1之间的随机数："+num); //取0到100之间随机的整数 var integer=Math.floor(Math.random()*100); alert("0到100之间的随机整数："+integer); //判断不是数字 isNaN()//说明:如果 x 是特殊的非数字值 NaN（或者能被转换为这样的值），返回的值就是 true。如果 x 是其他值,则返回 false。 console.log("123不是数字？"+isNaN(123)); console.log("123不是数字？"+isNaN('123')); console.log("你好不是数字？"+isNaN('你好')); 效果截图：
2）字符串(String）
写法：
var str=”你好”; //可以双引号
var str=’123’; //可以单引号
var str=`1111111` //可以反引号
字符串的常用方法
详细可以查看这篇文章：
3）布尔(Boolean)
布尔（逻辑）只能有两个值：true 或 false。
布尔常用在条件测试中。
默认为false的情况：
0 “”（空字符串） null undefined []（空数组）
例：var str=””;
if(str){
alert();
}
结果：这个弹窗不会弹出
4）空（Null）
可以通过将变量的值设置为 null 来清空变量。
5）未定义（Undefined）
Undefined 这个值表示变量不含有值。
4.6 运算符
1）算术运算符
实例：取余练习
一个三位数，分别取出其个位数，十位数，百位数
代码：
//取余 var a=7.5%3; console.log("a："+a); //三位数 var num=prompt("请输入一个三位数"); var a=num%10; //取个位 var b=parseInt(num/10)%10; //取十位 var c=parseInt(num/100); //取百位 console.log(num+" 的个位数是："+a); console.log(num+" 的十位数是："+b); console.log(num+" 的百位数是："+c); 效果截图：
实例：++放在前，和放在后的区别
代码：
var x=10; x++; console.log("x："+x); ++x;console.log("x："+x); var a=x++ +1;console.log("a："+a); var b=++x +1; console.log("b："+b); 效果截图：
2）赋值运算符
3）关系（比较）运算符
有返回值，是布尔类型
实例：等于和绝对等于的对比
代码：
console.log(123=='123');
console.log(123==='123');结果：第一个为true，第二个为flase
4）逻辑运算符
返回值是布尔类型
或：一真必真
且：一假必假
反：真假相对
短路的概念（了解）
||第一个表达式是true，后面的就不运算了
&&第一个是false，后面的就不运算了
详情：
练习：判断一个数是不是水仙花数（一个三位数，其各位的立方和等于本身）
代码：
var num=prompt("请输入一个三位数"); var a=num%10; var b=parseInt(num/10)%10; var c=parseInt(num/100); if(a*a*a+b*b*b+c*c*c==num){ console.log(num+"是 水仙花数"); } else{ console.log(num+"不是 水仙花数"); }
5）三目运算符
根据不同的条件，执行不同的操作/返回不同的值
语法：
表达式 ? 成立执行这里 : 不成立执行这里;
示例：
var sex=0;
var str=sex==0?’女’:’男’;
4.7 常量
定好的值，常用来配置
5 其他知识点
5.1控制台输出，常用于程序调试和测试
console.log();
其他方法可以简单了解
5.2 字符串拼接，使用加号（+）
1）字符串和字符串拼接
2）字符串和数字拼接
将字符串附过的数字转为字符串，然后拼接
示例：字符串拼接练习
代码：
//字符串和字符串拼接var a="aaa";var b="bbb";console.log(a+b);//字符串和数字拼接var x="你好";console.log(x+1);console.log(1+x);console.log(x+1+1);console.log(1+1+x);console.log(''+1+1);window.οnlοad=function(){ //在html中输出标签，其中带有变量 var con='你好'; var str=''+con+'
'; var box=document.getElementById('box'); box.innerHTML=str; //较复杂的拼接，用到转义字符 var con2='你好'; var str2='点击
'; var box2=document.getElementById('box2'); box2.innerHTML=str2;} 效果截图：
