JAVAScript 跨平台客户端脚本语言

谁践踏了优雅 2023-09-27 15:38 104阅读 0赞

前端内容三大基础性技术

![0862f8b2b419c9162a84d9777cdf93ca.png][]

![0df124693198ed1705067022662f53f7.png][]

Javascript是一种由Netscape(网景)的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，JavaScript 的正式名称是 "ECMAScript"。这个标准由 ECMA 组织发展和维护。ECMA-262 的开发始于 1996 年，在 1997 年 7 月，ECMA 会员大会采纳了它的首个版本。JavaScript的组成包含ECMAScript、DOM、BOM。JS是一种运行于浏览器端上的小脚本语句,可以实现网页如文本内容动,数据动态变化和动画特效等

JS的主要组成部分

![4976e81882249f03ff53e67d5c417f3c.png][]

ECMAScript

是一种由欧洲计算机制造商协会（ECMA）通过ECMA-262标准化的脚本程序语言,简单点说，ECMAScript描述了语法、类型、语句、关键字、保留字、运算符和对象。它就是定义了脚本语言的所有属性、方法和对象。

DOM

把整个页面规划成由节点层构成的文档，它不与浏览器、平台、语言相关，为web开发者提供一个标准可以访问站点中的数据、脚本和表现层对象.DOM编程可以实现网页内容校验和动态变化的效果

BOM

是浏览器的一种特性，它可以对浏览器窗口进行访问和操作，例如移动、关闭窗口，调整窗口的大小，支持cookie等。BOM编程可以实现动态控制浏览器本身行为的效果

JS特点

1.脚本语言

脚本语言是一种简单的程序，规模小,不需要编译,运行快,是由一些ASCII字符构成，可以使用任何一种文本编辑器编写。脚本语言是指在web浏览器内有解释器解释执行的编程语言，每次运行程序的时候，解释器会把程序代码翻译成可执行的格式。一些程序语言（如C、C++、Java等）都必须经过编译，将源代码编译成二进制的可执行文件之后才能运行，而脚本语言不需要事先编译，只要有一个与其相适应的解释器就可以执行。

2.基于对象的语言

通常"基于对象"是使用对象"基于对象"没有继承的特点。没有了继承的概念也就无从谈论"多态"

3.事件驱动：

在网页中执行了某种操作的动作，被称为"事件"(Event)，比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。

4.简单性

变量类型是采用弱类型，并未使用严格的数据类型。var a,b,c; a=123; b="abc"; a=b;

5.安全性

JavaScript不能访问本地的硬盘，不能将数据存入到服务器上，不能对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互

6.跨平台性

JavaScript依赖于浏览器本身，与操作平台无关， 只要计算机安装了支持JavaScript的浏览器（装有JavaScript解释器），JavaScript程序就可以正确执行。

BOM与DOM

![deb5f65866e260524cf85379e281c74c.png][]

DOM文档树

![19bd3a7a535eee0ef248c0b707564c7f.png][]

echarts

![b92853e4f5278473b4ffaa0afddd9923.png][]

[0862f8b2b419c9162a84d9777cdf93ca.png]: https://img-blog.csdnimg.cn/img_convert/0862f8b2b419c9162a84d9777cdf93ca.png
[0df124693198ed1705067022662f53f7.png]: https://img-blog.csdnimg.cn/img_convert/0df124693198ed1705067022662f53f7.png
[4976e81882249f03ff53e67d5c417f3c.png]: https://img-blog.csdnimg.cn/img_convert/4976e81882249f03ff53e67d5c417f3c.png
[deb5f65866e260524cf85379e281c74c.png]: https://img-blog.csdnimg.cn/img_convert/deb5f65866e260524cf85379e281c74c.png
[19bd3a7a535eee0ef248c0b707564c7f.png]: https://img-blog.csdnimg.cn/img_convert/19bd3a7a535eee0ef248c0b707564c7f.png
[b92853e4f5278473b4ffaa0afddd9923.png]: https://img-blog.csdnimg.cn/img_convert/b92853e4f5278473b4ffaa0afddd9923.png