【JS学习笔记】1.JavaScript初识

Web前端三层

• 结构层 HTML：从语义的角度，描述页面的结构。
• 样式层CSS：从审美的角度，美化页面或称为描述样式。
• 行为层JavaScript：从交互的角度，提升用户的体验或称为描述行为。

JavaScript相关历史

Netscape在最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。但JavaScript的主要设计原则源自Self和Scheme。JavaScript与Java名称上的近似，是当时Netscape为了营销考虑与Sun微系统达成协议的结果。
当时还有JScript、VBScript

ECMAScript

• ECMA全称为欧洲计算机制造联合会。
• ECMAScript一种脚本语言的标准化规范（语言标准）。
• 目前最新版本为2015年6月推出的ECMAScript 6 -ES6 即ECMAScript 2015。

JavaScript语法约定

1. 区分大小写
2. 代码缩进
3. 每行只写一条语句
4. 分号结尾

如果不以分号结尾，JS会以行末作为语句结束

JavaScript的代码执行顺序为从上至下，从左到右执行，并且对空格、换行、缩进不敏感。

JavaScript引用方式

1. 内嵌代码，一般在head或者body中使用<script></script>标签包裹。
2. 外部引入，一般卸载head标签中title标签下方，方式为<script src="文件地址" type="type/javascript"></script>其中目前type="type/javascript"可以省略，原因为其他几个脚本语言目前几乎不在用。
3. 内联写法，例：<input type="button" value="press me" onclick="javascript:alert('内联代码');">

注：尽可能的去使用外部引入的方式。

JavaScript的特点

（1）简单易用：可以使用任何文本编辑工具编写，只需要浏览器就可以执行程序。

（2）解释执行（解释语言）：事先不编译、逐行执行、无需进行严格的变量声明。

（3）基于对象：内置大量现成对象，编写少量程序可以完成目标

简单了解：

JavaScript的输出方式：

1. console.log输出到控制台
2. alert弹出警告框
3. docment.write追加到文档

转义符：

1. \n，换行
2. \t，缩进
3. '，单引号
4. "，双引号

注：此为个人学习笔记，如有补充可以选择在评论区留言或者无视。