JavaScript简介

😺您好，本模块主要讲解Jenkins的基本功能，属于基础知识自由选择跳过！

JavaScript简介

背景

网速很慢，当用户在页面提交操作的时候需要先到服务端验证才能提交。

例如我们在网页中注册一个用户：网页中有用户框、邮箱、职位、地址等信息，当我们没有填写地址导致注册失败需要等待很长时间。严重的影响用户的使用。

Netscape 公司，决定着手开发一种客户端语言，用来处理这种简单的验证。
1995 年 2 月正式发布前夕，临时把 LiveScript 改名为 JavaScript。
同年发布了 JavaScript 1.1。
微软就在其 I E 3 中加入了名为 JScript 的 JavaScript 实现。出现标准之争。
1997 年，欧洲计算机制造商协会（ECMA）。ECMAScript语言标准。
1998年，ISO/IEC（国标标准化组织和国际电工委员会)也采用了 ECMAScript 作为标准(即 ISO/IEC-16262)。
自此以后，浏览器开发商就开始致力于将 ECMAScript 作为各自 JavaScript 实现的基础，也在不同程度上取得了成功。

实现

核心 JavaScript
DOM 文档对象模型

是针对 XML 但经过扩展用于 HTML 的应用程序编程接口，DOM 把整个页面映射为一个多层节点结构。HTML 或 XML 页面中的每个组成部分都是某种类型的节点，这些节点又包含着不同类型的数据。
BOM 浏览器对象模型

那就是支持可以访问和操作浏览器窗口的浏览器对象模型(BOM，Browser Object Model)。开发人员使用 BOM 可以控制浏览器显示的页面以外的部分。

应用场景

页面动画特性
用户交互
ajax前后端交互

编写程序

document.write(“hello world”); //输出文本
alert(“hello world”); //弹出框输出
console.log(“hello world”); //浏览器控制台输出

images

使用<script>元素的方式有两种:直接在页面中嵌入 JavaScript 代码和包含外部 JavaScript 文件。

内嵌方式

<script type="text/javascript">
    alert('Hello World！');
</script>

实验代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			
			//js 代码
			alert("Hello World!")
			console.log("Hello World!")
			document.write("Hello World!")
			
		</script>
	</head>
	<body>
		
	</body>
</html>

实验效果：

images

外部文件中，做外联方式。如果要通过标签之间再包含额外的 JavaScript 代码。如果包含了嵌入的代码，则只会下载并执行外部脚本文件，嵌入的代码会被忽略。