一、JS背景
1.1 JS起源
JS诞生于1995年,它的出现最初主要用于解决网页中的前端验证。
所谓的前端验证指的就是检查用户的输入内容是否符合一定的规则。
1.2 ECMAScript
1)ES起源
1996年11月,为了确保JavaScript的市场领导地位,网景将JavaScript提交
到欧洲计算机制造商协会(ECMA)以便将其进行国际标准化。
ECMA以JavaScript语言为基础制定了ECMAScript标准规范ECMA-262。
2)ES的实质
ECMAScript实质上就是一份文档,它是一种标准。这个标准是由不同厂商去实现。
3)ES的实现
1.ECMAScript是一个标准,而这个标准由各个厂商去实现。
2.不同的浏览器,使用的JS引擎是不同的。如今,V8引擎是最快的。
1.3 JS组成
JavaScript由这三部分组成:
1.ECMAScript(这个协议只是规定了基本的语法而已)
2.BOM(浏览器对象模型)
3.DOM(文档对象模型)
【ECMAScript是ECMA组织标准的实现,其余的BOM、DOM是自己的特有的。】
1.4 JS特点
1.解释性语言(直接运行,不用编译)
2.类似于C和JAVA的语言
3.动态语言
4.基于原型的面向对象
5.安全性(js的代码不能直接访问硬盘的内容)
6.js区分大小写
二、JS基础使用
1.1 JS的使用方式(JS的引用方式)
1.行内式(在标签内写js代码)
+++ js代码写在标签的onclick属性中
<button onclick="alert('123');alert('256')">按钮</button>
+++ js代码写在超链接的href属性中
<a href="javascript:alert('123')">信息href</a>
<a href="javascript:;">信息href</a>
2.内嵌式(使用<script>标签体进行编写。)
<script type="text/javascript" >
alert("hello world")
</script>
3.外链式(引入外部的js文件)
<script type="text/javascript" src="./1.js" ></script>
注意:script标签有开始标签和结束标签。如果写一个不起作用。
1)行内式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button onclick="alert('123');alert('256')">按钮</button>
<a href="javascript:;">信息href</a>
</body>
</html>
2)内嵌式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="text/javascript">
alert("heoolo");
document.write("123");
console.log("123")
</script>
</head>
<body>
</body>
</html>
3)外链式
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="text/javascript" src="index.js"></script>
</head>
<body>
</body>
</html>
index.js
alert("2132")
1.2 JS注释
1)HTML注释
<!--注释 -->
2)CSS的注释
/* 注释的内容 */
3)JS的注释
单行注释 //注释的内容
多行注释 /*注释的内容*/
单行注释,注释的内容在源码中查看不到。
多行注释,注释的内容会在源码中查看到。
1.3 JS输出
JavaScript 能够以不同方式“显示”数据:
1) window.alert() 写入警告框
2) 使用 document.write() 写入 HTML 输出
3) 使用 innerHTML 写入 HTML 元素
4) 使用 console.log() 写入浏览器控制台
1.4 标识符
1.在js中我们自己命名的都是标识符。
例如:变量名、方法名、属性名都属于标识符。
2。命名标识符规则:
1.可以由英文字母、数字、下划线、$ 组成。
2.不能以数字开头。
3.标识符不能是ES的关键字或保留字。
4.驼峰标识
---首字母小写,每一个单词的首字母大写,其余小写。helloWorld
1.5 JS语法规范
1.JS中严格区分大小写。
2.JS中每一条语句以【;】结尾。
---如果不写分号,浏览器会自动添加分号,但是会消耗一些内存。
而且有时候,浏览器可能会加错分号,所以在开发中必须加分号。
3.JS中会自动忽略多个空格和换行。所以我们可以利用该特性格式化JS代码。