学习视频及笔记来源:
JavaScript基础语法-dom-bom-js-es6新语法-jQuery-数据可视化echarts黑马pink老师前端入门基础视频教程(500多集)持续_哔哩哔哩_bilibili
一、JS简介
1、HTML/CSS/JS的关系
2、JS的组成
2.1 ECMAScript
-
ECMAScript 是由ECMA 国际(原欧洲计算机制造商协会)进行标准化的一门编程语言,这种语言在万维网上应用广泛,它往往被称为 JavaScript 或 JScript,但实际上后两者是 ECMAScript 语言的实现和扩展。
-
ECMAScript: ECMAScript 规定了JS的编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套JS语法工业标准。
2.2 DOM — 文档对象模型
文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言的标准编程接口。 通过 DOM 提供的接口可以对页面上的各种元素进行操作(大小、位置、颜色等)。
2.3 BOM — 浏览器对象模型
BOM (Browser Object Model,简称BOM) 是指浏览器对象模型,它提供了独立于内容的、可以与浏览器窗口进行 互动的对象结构。通过BOM可以操作浏览器窗口,比如弹出框、控制浏览器跳转、获取分辨率等。
二、JS基础
1、JavaScript 书写位置
1.1 行内式JS
<input type="button" value="点我试试" onclick="alert('Hello World')" />
- 可以将单行或少量 JS 代码写在HTML标签的事件属性中(以on开头的属性),如:onclick。
-
注意单双引号的使用:在 HTML 中我们推荐使用 双引号,JS 中我们推荐使用 单引号。
-
可读性差,特殊情况下使用。
1.2 内嵌式JS
<script>
alert('Hello World~!');
</script>
- 可以将多行JS代码写到 <script> 标签中。(类似于写CSS时候的<style>)