一、引入JavaScript
- 内部标签
<script type="text/javascript">
// script标签
</script>
- 外部引入
<script type="text/javascript" src="script.js"></script>
二、常用指令
- 弹出警告框
alert("!!!");
- 向body中输出内容
document.write("哟呵!");
- 向控制台输出内容
console.log("哪呢?");
三、注释(和Java一样)
- 单行
//
- 多行
/*
*/
四、控制台使用
- 变量
var a=917;//声明、赋值变量
console.log("a");
- 浏览器调试
- Elements【页面元素】:查看页面的HTML和CSS,也可在线修改元素的代码与属性
- Console【控制台】:写JavaScript代码并输出,使用console.log( );
- Sources【源代码】:监视工具可打断点,进行调试,刷新可跳至断点处
- Network【网络】:查看请求地址
-
Application【应用程序】:记录网站加载的所有资源信息
①Local Storage:本地存储
②Session Storage:会话存储
③Cache Storage:本地缓存
④Cookies
五、数据类型
-
变量
标识符
- 以字母、下划线、$开头
- 包含字母、数字、下划线、$
- 不能是关键字或保留字
(用拼音肯定没错!!!但很傻~~~) - 驼峰命名法:首字母小写,每个单词开头字母大写,其余字母小写
eg:helloWorld
- 字符串(String)
- 用单引号或双引号引起来
- 可以使用\作转义字符
\"(\')表示"(')
\n表示换行
\\表示\
\ t 水平制表
\ u### Unicode字符 例:\ u42d表示中
\ x## 例:\ x41表示A
-
数值(Number)
JS不区分小数和整数。
NaN:not a number
Infinity:无穷 -
布尔值(Boolean)
ture,false - 空值(Null)
- 表示一个为空的对象
- 用typeof检查返回object
- 未定义(Undifined)
- 当不给声明的变量赋值,它的值为undefined
- 用typeof检查返回undefined
-
对象(Object)【复合数据类型】
可以保存多个不同数据的类型
- 添加属性语法:对象.属性名=属性值
var obj = {};
obj.name = "Q";
- 删除对象的属性
delete obj.name;
- 读取属性语法:对象.属性名
console.log(obj.name);
4.使用对象字面量,直接指定对象中的属性(常用!!!)
①用大括号括起
②属性间用逗号隔开,最后一个不用加
var obj = {
name: "Q",
age: 9,
tags: ['js','C++','HTML']
}
若读取对象中没有的属性,不会报错而是返回undefined
-
逻辑运算
&&, ||,! -
比较运算符
除>,<,>=,<=外
- =(赋值)
- ==(等于,类型不一样,值一样,结果也会为true)【自动类型转换】
- ===(全等,类型一样,值一样,结果才为true)【不做自动类型转换】
- !=(不等)
- !==(不全等)
!注意:NaN===NaN结果为false,isNaN(NaN)结果为true
- 数组
- 用typeof检查返回object
- 若数组下标越界,不会报错而是返回undefined
var arr = [1,2,3,4,5,'hello',true,null];
六、严格检查模式
-
'use strict';
前提:IDEA设置为ECMAScript 6语法
写在<script>和</script>中的第一行
直接 i=1;会自动默认为全局变量,有时会出问题
最好采用let i =1;定义局部变量