javaScript基础

javaScript基础

1.js的用途(理解)

页面构成

来看看我们的web前端三层。

HTML 结构层 从语义的角度,描述页面结构。

CSS 表现层 从审美的角度,美化页面。

JS 行为层 可以用来控制网页内容,给网页增加动态的效果,从交互的角度,提升用户体验。

---

JS的用途

JavaScript最初的目的

判断表单的输入(验证表单)

JavaScript现在的意义

• 页面特效(PC端的网页效果)

• 移动端(移动web和app)

• 异步和服务器交互

• 服务端开发(nodejs)

• 游戏开发

• 桌面开发

• 基于node.js构建一些工具 webpack vue-cli…

---

2.javaScript发展历史(了解)

诞生于1995年，当时负责客户端数据验证

网景公司的布兰登*艾奇 用10天的时间创建了这门语言，在网景公司的导航者浏览器中使用

当时名字是LiveScript

后来为了搭上媒体热炒的Java的顺风车改名为JavaScript

与此同时，1996年左右，微软也在自家浏览器IE中加入了名为JScript的JavaScript的实现

两个不同的版本语法和特性互不支持，于是1997年由ECMA组织定义了一种名为ECMAScript的新脚本语言的标准

ECMA:欧洲计算机制造商协会，是一个组织 ，专门用于制作一些语言规范

JavaScript是一种运行在客户端 的脚本语言

1.Netscape在最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合作之后
    将其改名为JavaScript。
2.JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，
    因此语法上有类似之处，一些名称和命名规范也借自Java。
3.JavaScript与Java名称上的近似，是当时Netscape为了营销考虑与Sun微系统达成协议的结果。
    Java和JavaScript的关系就像张雨生和张雨的关系，只是名字很像。
4. ECMA这个计算机组件，最后制定了javascript这门脚本语言的规范

---

3.js的组成及语言特性(理解)

组成

ECMAScript： JavaScript的语法规范

DOM： JavaScript操作网页上元素的API

BOM： JavaScript操作浏览器部分功能的API

---

JavaScript的语言特性

JavaScript是世界上用的最多的脚本语言

脚本语言: 不需要编译,直接运行时边解析边执行的语言

编译语言：java .net 是将整个代码文件先进行整体编译，编译成一个可执行文件

JavaScript是一种客户端(浏览器)的脚本语言

JavaScript是一种弱类型的动态语言(动态添加一些属性或是 方法，js中的数组长度是动态可变的)

基于对象: 内置大量现成对象,编写少量程序可以完成目标

可以概括为:

• 1.简单易用

  • 可以使用任何文本编辑工具编写

  • 只需要浏览器就可以执行程序

• 2.解释执行

  • 事先不编译

  • 逐行执行

  • 无需进行严格的变量声明

• 3.基于对象

  • 内置大量现成对象，编写少量程序可以完成目标

---

js的书写位置(掌握)

• 可以写在标签内

<input type="button" value="按钮" onclick="alert('hello world')" />

• 可以写在页面中一对script标间之间

<script>
   alert("hello world");
</script>

• 可以写在一个单独的js文件当中，然后再引入到html页面当中

体验5句话

• #### alert() 在页面中弹出一个警示框

• console.log() 在控制台输出内容

• prompt() 提示用户输入内容,可以定义变量来接收输入的值

• document.write() 在页面中输出内容

• confirm() 在页面中弹出提示框,确定/取消