一、js的组成:
1、ECMAScript 基础语法;
2、DOM(Document Object Model):文档对象模型;
3、BOM(Browser Object Model):窗口对象模型;
2.js特点:
1、简单;
2、安全;
3、动态;
4、跨平台;
二、 js引入的方式:
1、写在文档里面,注意写在head中时应该添加window.onload = function(){};
2、外部引入,需要添加script src="";
三、js常用的几种调试的方式:
1、alert();//每次弹框都需要手动点击确定按钮进行关闭.
2、console.log();//在控制台查看效果,推荐使用此方法.
3、document.title="";修改文件在浏览器中显示的标题,不适合大量文字
四、js变量以及命名的规则:
下面这行就是声明一个变量:
<script type="text/javascript">
// 声明变量
var age = 19;
var name = Alice;
var gender = woman;
</script>
变量的命名的规则:
1、由字母、数字、下划线组成;
2、不能以数字开头;
3、不能使用关键字 如var document等;
4、见名知意 驼峰命名法;
五、js基础数据的类型:
1、整形 相加得值;
2、浮点行 相加得值;
3、字符串 相加拼接;
4、布尔类型 true false;
5、undefined类型 var a;
6、null类型 var a = null;
六、js基础运算符:
1、+-*%(加 减 乘 除);
<script type="text/javascript">
// 最基本的+-*%;
var a=10;
var b=20
var c = a + b //30;
var d = b - a //10;
var e = a * b //200;
var f = b / a //2;
</script>
2、++、--、 +=、-= (加加,减减,加等,减等)
<script type="text/javascript">
//++代表的就是加a+1 --代表的就是a-1;
var a = 10;
var h = a + 1 //11;
var i = a++ // 11;
var i = a - 1 //9;
var m = a-- //9;
//+=代表的是a = a+2 -=代表的是a = a - 2;
var n = a+= //13;
var r = a-= // 8;
</script>
3、 逻辑与 && 逻辑或 || 逻辑非! 短路现象
<script type="text/javascript">
//逻辑与 && 逻辑或 || 逻辑非!
var a = 2;
var b = 1;
//逻辑与&&两者条件都成立时为真
var res1 = a+b > b && a+b > a;
//逻辑或||两者只要有一个为真就是真
var res2 = a+b > a || a-b>a;
//逻辑非取相反
var res3 = a!= b;
// 短路现象 前面的结果能决定整个表达式的结果
var res4 = --a <= b++ && a-- < ++b;
var res5 = a-- >= ++b || --a < b++;
</script>
七、分支结构:if.. | if..else.. | if..else if..else if..else|
<script type="text/javascript">
1. if(条件) {
代码块
}
2. if(条件){
代码块
}else {
代码块
}
3.if(条件){
代码块
}else if(条件) {
代码块
}
4.switch(n) {
case 1: 执行代码块 1
break;
case 2: 执行代码块 2
break;
default:
n 与 case 1 和 case 2 不同时执行的代码
}
3.循环语句
1: while(条件){ 代码块}
2:do{代码块} while(条件);
3:for(条件) { 代码块}
</script>