一、什么是JavaScript
JavaScript是用于实现用户交互
、动态控制文档的外观和内容
,动态控制浏览器操作、创建cookies等网页行为的跨平台、跨浏览器的由浏览器解释执行的客户端脚本语言
二、JavaScript的三种引入方式
1、引入.js后缀的文件,注意一般外部引入js的文件,放在body标签的后边,CSS文件放在head里面,中间body标签写html代码的框架
<script src="./javasrcipt.js"></script>
2、写在script标签内部,编写JavaScript代码
<script>
var name = 'gzy';
console.log(name);
</script>
三 、在页面编写JavaScript代码
1、在学习html中还有一种标签也可以编写JavaScript代码,那就是a标签
<a href="javascript:alert('hello world')">11111</a>
2、使用事件编写JavaScript代码 例:点击事件
<div onclick="alert('hello world')">22222</div>
四、JavaScript在页面输出的三种方式
1、alert("hello world")弹窗输出
2、document.write(“hello world”); 在页面输出,可以输出标签
3、console.log('hello world') 在控制台中打印,打印任意字符或者js的变量信息; 可以接受任何字符串、变量、数字、对象;
五、JavaScript的命名规范
1、一定要有意义
2、不能以数字开头
3、第一个字符必须是一个字母、下划线或是一个美元符号$
4、其他字符可以是字母、下划线、美元符号或是数字
5、不能是系统的关键词
6、推荐使用小驼峰命名法
javascript区分大小写
变量名、函数和操作符,第一个单词小写以后每个单词首字母大写(getElementById 、aaBbCc)驼峰式命名法
注意:不能把关键字、保留字、true、false和null用作标识符
六、注释
// 单行注释 /......../多行注释
快捷键:选中后CTRL+/
七、变量命名规则
1、第一个字符必须为字母,_或$,其后的字符还可以是数字
2、严格区分大小写,要有一定的含义
3、建议使用小驼峰规则来命名变量。redApple
4、不能使用关键词,保留字作为变量名
<script>
var name = 'gzy';
console.log(name);
</script>
var 的作用:声明变量,使用var声明变量会存在变量提升的问题即提前声明了变量名,但是不会把赋的值提前声明,即根据JavaScript单线程的编译方式,若提前查询变量的值
会出现变量的值
<script>
console.log(name);
var name = 111;
</script>
注意:
变量名是浏览器关闭后才释放在,在没关闭之前随时使用
重新声明的变量,不会丢失原始值,除非重新赋值
换行是语句的结束,最好结束时都加上 “ ; ”
八、数据类型
JavaScript的数据类型分为两种:原始类型(即基本数据类型)和对象类型(即引用数据类型); js常用的基本数据类型包括
undefined - - (未定义)、null- - (空的)、number - - (数字)、boolean- - (布尔值)、string- - (字符串)
js的引用数据类型也就是
对象类型Object- - (对象),比如:array - - (数组)、function - - (函数)、data - - (时间)等;
九、转义字符
\ 为转义字符
在JavaScript的书写规范中提到,如果输出的是字符串类型,我们需要用引号将其包裹起来,但是如果同时用双引号嵌套的话就会出现错误,所以转移字符在这就起到作用
例如我们想让”“在控制台显示出来,我们就可以这样
<script>
console.log("hello\"world\"");
</script>
十、数据类型
查询数据类型 typeof()
1、number类型
整型:1,2,3,6......整数
浮点型:1.1111.........带小数点的数
NaN 即不是一个数字类型,当在算数运算时如果 一个数字减去一个字符串就会出现这样的值,NaN所有的值都不相等
<script>
var a = 9;
var b = 9 - 'a';
console.log(b);
</script>
2、string
字符串类型,即用引号包裹起来的都是字符串类型,无论单引号还是双引号,单引号和单引号、双引号和双引号之间如果发生嵌套关系,则需要用转义字符\进行转义
在算数运算中如果一个number类型的和一个string类型相加+,则出现拼接,()+(),+的任意一边出现引号则进行拼接
3、Boolean
布尔类型:只有两个值 true和false
通常在逻辑判断里面使用,这两个值严格区分大小写
4、undefined
未被定义的,使用了一个不存在的对象的属性时
5、null
空值,一般用来占位
6、Array(数组)
创建数组的三种方法
方法一:var 数组名=new Array(); 方法二:var cars=new Array("Audi","BMW","BYD"); 方法三:var cars=["Audi","BMW","BYD"];
多维数组,即为嵌套数组,例如
var city = [
['erqiqu','zhongyuanqu','hangkgang'],
['wolongqu','wanchecngqu','gaoxinqu'],
['laocehngquy','wangchengqu']
];
console.log(city[1][0]);
下标,可以叫键 计算机计数是从0开始计算,所以当你想查询里面的某一个值时需要在数组名字后面加上[ 下标 ]
十一、object
面向过程:按照时间的发生顺序,从上往下依次执行
对象:指挥对象做某件事情
对象: 属性:本身所拥有的特性 方式:能做的事情
对象: { },使用{ }包括起来的都是对象 [ ], 使用[ ]包括起来的都是数组
创建对象: 方法一:var 对象名称 = new Object(); 方法二:var 对象名称 = {'键':‘值’,'键':‘值,'键':‘值,'键':‘值};
十二、JavaScript的严格模式
"use strict"
x = 1024
onsole.log(x);
我们知道,在js中要想赋值给一个变量,首先需要用var声明,但是在js的编译过程中,也可以不需要声明就可以赋值,但是当使用严格模式时就必须声明变量,否则出现报错