JavaScript基础介绍

JavaScript是什么

JavaScript是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。

JavaScript作用

JavaScript作用:确定网页的行为交互(教网页做事情)

JavaScript组成

• ECMAScript - JavaScript的核心

  • ECMAScript定义了JavaScript的语言规范

  • JavaScript的核心：描述了语言的基本语法和数据类型，ECMAScript是一套标准，定义了一种语言的标准与具体实现无关

• DOM - 文档对象模型

  • 一套操作页面元素的API

  • DOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作

• BOM - 浏览器对象模型

  • 一套操作浏览器功能的API

  • 通过BOM可以操作浏览器窗口，比如：弹出框、控制浏览器跳转、获取分辨率等

JavaScript书写位置

JavaScript 程序不能独立运行，它需要被嵌入 HTML 中，然后浏览器才能执行 JavaScript 代码。通过 script 标签将 JavaScript 代码引入到 HTML 中。

内部样式(内嵌式)

通过 script 标签包裹 JavaScript 代码

如果js代码较少较少的话可以使用,比较复杂的话不推荐

<script>
    // 页面弹出警示框
    alert('好好吃饭')
  </script>

外部样式

一般将 JavaScript 代码写在独立的以 .js 结尾的文件中，然后通过 script 标签的 src 属性引入

 
<script src="my.js">
    // 中间不要写内容
  </script>

行内样式

Vue框架会使用这种模式


<button onclick="alert('点我')">吃饭</button>