JavaScript 入门基础 / 概念介绍(一)
1.初识JavaScript
1.1 JavaScript历史
1995年,网景公司一名程序员布兰登·艾奇利用十天完成了JavaScript设计,网景公司最初将它命名为LiveScript,后与Sun公司合作将其改名为JavaScript。
1.2 JavaScript是什么
- JavaScript是一种运行在客户端的脚本语言,
- 脚本语言:是一种不需要编译直接由js解释器逐行解释并执行的语言。
- 可以基于node.js技术进行服务端编程。
1.3 JavaScript 的作用
- 桌面程序
- 网页特效
- App
- 控制硬件-物联网(Ruff)
- 游戏开发(cocos2d-js)
- 表单动态校验(密码强度检测,也是js产生的最初目的)
1.4 HTML/CSS/JS 的关系
- html决定网页的结构内容,相当于人的身体(body)。
- css是网页所呈现的效果(决定美观度),相当于人们穿衣服,化妆。
- js是实现业务逻辑和界面控制,相当于人的各种动作。
1.5 浏览器执行js简介
浏览器分成两部分 渲染引擎和 js引擎。
- 渲染引擎:用来解析html和css,俗称内核,如谷歌浏览器的blink。
- js引擎:也称其为解释器,用来读取网页中的js代码并对其进行运行处理,比如谷歌浏览器的v8。
注:浏览器本身不会执行js代码,都是通过js解释器来执行。
1.6 js的组成
JavaScript分为三个部分:ECMAScript、DOM、BOM。
1.ECMAScript是由ECMA国际进行标准化的一门编程语言,这种语言在万维网上广泛应用。
注:ECMAScript规定了JS的编程语法和基础核心知识,是所有的浏览器厂商共同遵守的JS语法工业标准。
2.DOM-文档对象模型:是W3C组织推荐的处理可扩展标记语言的标准编程接口,通过DOM提供的接口可以对页面上的各种元素进行操作。
3.BOM-浏览器对象模型:它提供了独立于内容的,可以与浏览器窗口进行互动的对象结构,通过BOM可以操作浏览器窗口,如:弹出框、控制浏览器跳转等等......
1.7 JS 基础
js有3中书写方式:行内、内嵌、外部。
<1>. 行内式JS
- 可以将少量的js代码直接写入到HTML标签的时间属性中(以on开头的属性)如:onclick。
- JS中推荐使用单引号。
- 缺点是可读性差,在html中编写大量js代码不方便阅读。
- 多重引号嵌套时,非常容易混淆。
- 只在特殊情况下使用。
<2>. 内嵌js
- 可以将多行js代码写入到
<script>
标签中 - 内嵌js是学习时常用的方式。
<3>. 外部js文件
- 利于HTML页面代码结构化,把js代码独立于html文件之外,既美观又方便文件级别的复用。
- 引入外部文件的
<script>
标签中间不可以写代码。 - 适合要编写大量js代码的情况。