ok了家人们,今天这周学习了JavaScript,我们一起看一下吧
一.JavaScript概述
1.1 应用场景
JavaScript
用来做前端页面校验
JavaScript
可以实现网页的一些动画效果,例如:轮播图
1.2 JavaScript介绍
-
JavaScript 是一门跨平台、基于对象的脚本语言,来控制网页行为的,它能使网页可交互。
-
JavaScript 和 Java 是完全不同的语言,不论是概念还是设计。但是基础语法类似。
-
JavaScript(简称:JS) 在 1995 年由 Brendan Eich 发明,并于1997 年成为 ECMA 标准。
-
ECMAScript 6 (ES6) 是最新的 JavaScript 版本(发布于 2015年)。
-
JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。JavaScript 语言不需要编译,直接由各大浏览器解析运行。学习JavaScript 语言不需要单独安装软件,只需要浏览器即可。
1.3 JavaScript特点
脚本语言
浏览器分成两部分:渲染引擎和
JS
引擎。渲染引擎
:
用来解析
HTML
和
CSS,
俗称内核,例如
chrome
浏览器的
blink
。
JS
引擎:也称为
JS
解释
器。用来读取网页中的
JS
代码,对其处理后运行,例如
chrome
浏览
器的
V8
。浏览器本身并不会执行
JS
代码,而是通过内置
JavaScript
引
擎
(
解释器
)
来执行
JS
代码。
JS
引擎执行执行代码时逐行解释每一行源
码
(
转换为机器语言
)
,然后由计算机去执行,所以
JavaScript
语言归
为脚本语言,会逐行解释执行。
弱类型
JavaScript
中也有明确的数据类型,但是声明一个变量后它可以接收
任何类型的数据,并且会在程序执行过程中根据上下文自动转换类
型。
1.4 JavaScript的组成
二.JavaScript引入方式
2.1 内部脚本
- 将 JS代码定义在HTML页面中,JavaScript 代码必须位于 标签之间。
- 在 HTML 文档中可以在任意地方,放置任意数量的。
-
一般把脚本置于 元素的底部,可改善显示速度,因为脚本执行会拖慢显示。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
//第一种输出方式:弹出警告框
alert("嘿嘿");
//第二种输出方式:输出到页面上
document.write("哈哈");
//第三种输出方式:输出到浏览器到控制台上
console.log("蚂蚁雅黑");
</script>
</body>
</html>
2.2 外部脚本
-
将