一、bom与dom
- bom-利用 js控制浏览器(刷新 前进 后退 缓存)
- dom-利用js控制document (修改标签样式,处理数据)
- ECMASCRTIPT:JS语法
- 案例01-经验:
- ① 注意条件判断!
- ② getElementById: 根据指定的 id(only) 属性值得到对象。
二、JS的书写位置
- 行内式
- alert(弹窗,警告)
- onclick (点击)
- 不建议大量使用,不便于维护
- 内嵌式
- 嵌入head
- JS执行顺序,由上到下
- 外链式
- 名称xxx.js
- 使用script标签导入js文件
三、js中的输入与输出
- 消息弹出窗口
- alert (‘xxx’);
- 在控制台输出内容
- console.log( ‘xxx’ ) ;
- 打印某些关键信息,用来调试bug
- 在文档结构中输出内容
- document.write( ‘xxx’ );
- 让用户输入内容
- prompt(‘xxx’);
- 询问用户是否确定
- confirm( ‘xxx’ );
- 只有两种答案:成立/否定
四、数据类型
(所有数据存储在内存中,不同数据类型,存储类型不一样)
- 可直接使用的数据
- 数值类型:Number (一切可算数运算)
- 最大最小值
- console.log(Number.MAX_VALUE);
- console.log(Number.MIN_VALUE);
- 非负数,趋近于0的正数
- 无穷大无穷小
- console.log(Infinity); //注意大小写
- console.log(-Infinity);
- 字符串类型:String (带引号的数据)
- 布尔值类型:Boolean
- true
- false
五、检测数据的类型
-
typeof 检测数据;
-
typeof (检测数据);
-
求一个算数表达式的结果是什么类型
-
console.log(typeof 10 + 10 ) ;
-
output:number10
-
求解是先求typeof10,即number
-
优先级问题
-
console.log(typeof (10+10) ) ; //求解为number
六、变量
- 定义:内存中的一块空间,此空间用来存储数据
* 声明变量
* var 变量名;
* 变量赋值
* 变量名 = 变量值;
* 变量取值
* console.log ('我的名字是' + 变量名);
* 变量的几种情况
1. 无声明,直接使用变量
* //报错
2. 有声明,无赋值
* //undefined
3. 相同变量名的出现
* //后面的会覆盖前面的
七、使用变量存储用户输入的数据
案例:
八、声明变量的多种方式
1.先声明,再赋值
-
var name;
-
- var age; - var gender; - name = '小明'; - gender = '男孩'; - age = 22;
-
- 在声明变量的同时赋值 -变量的初始化
-
- var name = '小明'; - var gender = '男生'; - var age = 22; - alert(name + gender + age);
- 批量声明多个变量,使用逗号隔开
-
- var name ,gender ,age; - name = '小明'; - gender = '男孩'; - age = 22; - alert(name + gender + age);
- 批量声明的同时初始化赋值
-
- var name = '班长',age = 35,gender = '男孩'; - alert(name + age + gender);
九、变量名命名规则
* js中的关键字与保留字
* 不能把关键字、保留字、true、false和null用作标识符。js中的关键字可用于表示控制语句的开始或结束,或者用于执行特定操作等。按照规则,关键字也是语言保留的,不能用作标识符。以下就是ECMAScription的全部关键字: break、else、new、var、 case、 finally 、 return、 void 、 catch 、for 、switch 、 while 、 continue、 function 、this 、 with 、default 、 if 、 throw 、 delete 、 in 、 try 、do 、 instranceof、 typeofECMA还描述了另外一组不能用作标识符的保留字。尽管保留字在这门语言中还没有任何特定的用途,但它们有可能将来被用作关键字。下面是ECMA第3版定义的全部保留字:abstract 、 enum 、int 、 short 、 boolean 、export 、interface、 static、 byte 、extends 、 long 、 super 、 char 、 final 、native 、synchronized 、 class 、float 、 package 、throws 、 const 、goto 、private 、transient 、 debugger 、 implements 、protected 、 volatile 、 double 、import 、public在代码中使用关键字作为标识符在大多数浏览器中都会倒是“Identifier Expected”(缺少标识符)错误。而使用保留字可能不会导致同样的错误,这要视具体的浏览器而定。一般来说,最好不要使用关键字和保留字作为标识符,一遍与ECMAScript未来的版本保持兼容。
* 命名规则
- 只能使用字母、数字、下划线、$、等符号组成
- 不可数字打头
- 不能使用系统的关键字与保留字
- 尽量使用有意义的英文单词
十、算数运算符
* 求和 +
* 求差 -
* 求商 /
* 求积 *
* 求模 %(取余数)
十一、“+”号
- 求和“+”
- 链接“+”
- 隐式转换“+”
//在数字字符串的前面,添加一个+即可将String转换为Number
案例:
var str = '1234';
console.log(typeof str); //String
var res3 = +str;
console.log(res3); //Number
console.log(typeof res3);
案例例题: