一、JS介绍
ECMAScript:定义了javasc的语法规范,描述了语言的基本语法和数据类型。
BOM(Browser Object Model):浏览器对象模型
有一套成熟的可以操作浏览器的API,通过BOM可以操作浏览器,比如:弹出框,浏览器跳转,获取分辨率等。
DOM(Document Object Model):文档对象模型
有一套成熟的可以操作页面元素的API,通过DOM可以操作页面中的元素,比如:增加个div、减少个div,给div换个位置等。
JS就是通过固定的语法去操作浏览器和标签结构来实现网页上的各种效果
二、JS能做什么
常见的网页效果(表单验证,轮播图等)
与H5配合实现游戏
实现应用级别的程序
实现图标统计效果
js可以实现人工智能(面部识别)
后端开发,app开发,桌面端开发等
三、JS写法
注:js里可以写分号,也可以不写
(1). 内嵌式
把JS代码直接写在标签中的事件里边
(2). 内部式
位置:在网页中的 <script></script>标签中
例如:
(3). 外部式
把JS代码 写到一个外部js文件中
再通过<script></script>的src属性引入它
等价于:
四、基本指令
1. alert:提示框
<script>
alert("你好");
</script>
2. confirm:确认框
<script>
confirm("你好鸭");
</script>
3. prompt:输入框
<script>
prompt("你好ya");
</script>
4. console.log:在控制台打印消息
<script>
console.log("你好吗");
</script>
5. document.write:在网页中打印
<script>
document.write("再见");
</script>
五、注释
1. 单行注释
以//开头
2. 多行注释
以/*开头,以*/结尾
快捷键:Alt+Shift+A
快捷键:Ctrl+/
六、变量
(一)概念
变量指的是程序中保存变量的一个容器。
变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据。
注意:提取变量中的数据时计算机是把变量中的数据复制一份再提取出来。
(二)定义变量及赋值
//1.先定义一个变量
var a;
//再给变量赋值
a=5;
//2.定义变量的同时赋值
var a=5;
//3.定义多个变量
var a,b,c;
a=4;
b=5;
c=6;
var m=1,n=2;
一个变量只能存取一个值
当再次给一个变量赋值的时候,前面一次的值就没有了
变量名区分大小写,A=5与 a=5不一样
(三)标识符的命名
规则
只能以字母、下划线(_)或美元符号($)开头
只能取字母、数字、下划线(_)和美元($)符号
不能取关键字和保留字(关键字:有特殊含义的单词 ;保留字:在JS中没有含义,但在其它语言中有含义)
规范
见名知意(语义化)
变量名必须驼峰命名法(除了第一个单词,其它单词首字母大写。例如:myName,myAge)
3.类(构造函数)、工程名采用帕斯卡命名法(每个单词的首字母都大写.例如:StudentManagementSystem)