js基本语法
1 js定义
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
2 js写在哪里
1）内联（行内）
例：<input type="button" value="点击弹出" onclick="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` //可以反引号
字符串的常用方法
详细可以查看这篇文章：https://www.cnblogs.com/guoyeqiang/p/8178336.html
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，后面的就不运算了
详情：http://www.runoob.com/w3cnote/javascript-or-and-and.html
练习：判断一个数是不是水仙花数（一个三位数，其各位的立方和等于本身）
代码：
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.onload=function(){
//在html中输出标签，其中带有变量
var con='你好';
var str='<p style="color:red">'+con+'</p>';
var box=document.getElementById('box');
box.innerHTML=str;
//较复杂的拼接，用到转义字符
var con2='你好';
var str2='<p onclick="show(\''+con2+'\')">点击</p>';
var box2=document.getElementById('box2');
box2.innerHTML=str2;
}
效果截图：
