北京做兼职的网站长尾关键词爱站网
JavaScript快速入门笔记之一（基本概念）
-
前端三大语言：
- HTML：专门编写网页内容的语言
- CSS：专门美化网页样式的语言
- JavaScript：专门编写网页交互的语言
-
名词解释：
- 交互：输入数据，处理数据，返回结果
- 脚本：不用编译，直接边解释边执行的程序(会预读)
- 事件：用户或浏览器自身触发的动作，事件触发后，才会执行事件处理程序
- 程序：让计算机可以执行任务的指令的序列，程序=数据结构+算法
- 数据结构：程序中数据的存储结构
- 算法：程序的执行步骤！顺序，分支，循环
- 数据类型：数据在内存中的存储格式，不同数据的类型，可执行的操作不同
- 变量：内存中一块存储一个数据的空间，再起一个名字。
- 常量：一旦创建，值不可改变的量
- 引用类型：对象不保存在变量本地，变量通过对象的地址使用对象。使用变量等效于使用变量引用的对象
- 对象：封装多个‘数据’，并提供对数据的‘操作方法’。对象=数据+方法
- 实例：凡是用new 构造函数()创建出的对象，都称为是构造函数的实例
- 函数：在全局定义的不属于任何对象的function，函数也是一个对象！
- 方法：包含在对象中，通过对象调用的函数
- API：厂商已定义好的，可直接用的方法/函数，使用者不必关心实现细节
- js内置对象：ES标准中规定的，由厂商已经实现的对象，程序员只要直接使用即可。不用关心具体实现。
历史：
Netscape：网景
客户端脚本语言：LiveScript
Sun Java——“write once run anywhere”
LiveScript: JavaScript
“像极了Java，但比Java简单的多”
JavaScript–>ECMA–>ECMAScript:行业标准，规定核心语法！
Netscape：遵照标准实现JavaScript
Microsoft：遵照标准实现JScript
W3C：万维网联盟，是对网络标准制定的一个非盈利组织。如HTML XHTML CSSS XML等的标准
DOM标准（W3C）：专门操作网页内容的API标准
JavaScript=ECMAScript(核心语法)+DOM(专门操作网页内容的标准)+BOM(专门操作浏览器窗口的API)
2004：Mozilla Firefox -
如何使用：
-
- 使用浏览器自带的js引擎：
浏览器中包含两个引擎：
-
内容排版引擎：负责加载HTML内容，渲染css样式
-
js解释器/引擎：负责解释，并执行js程序
浏览器控制台：专门调试程序，显示输出结果的浏览器窗口
- 使用浏览器自带的js引擎：
-
- 独立安装的js引擎：node.js V8
让js运行在任何平台。
- 独立安装的js引擎：node.js V8
-
- 网页中如何编写js，3种方式：
-
- 网页中的
<script>元素中：
<script>可以写在网页的任何位置，随网页解释执行 - 元素的事件属性中：
<元素 on事件名=“事件处理程序（js语句）”…
例：
<p onclick="window.alert('Hello onclick')"... - 单独的.js文件中集中编写：
2步：- 新建.js文件，包含js程序
- 在html页面顶端，引入外部js文件:
- 网页中的
-
- 如何调试js程序：
- js中错误：只要希望的功能没执行，说明功能出错了
- 控制台中包含：错误类型：错误原因 错误位置链接
- 错误现象：
出错位置之前的代码——正常执行
同一script中出错位置之后的代码——不执行
一个script出错，不影响其他位置script的执行 - JavaScript的特点
- 代码可使用任何文本工具编写，语法类似于Java
- 无需编译，由JavaScript引擎解释执行
- 弱类型语言
- 基于对象
- JavaScript用途：
- 客户端：
- 客户端数据计算
- 表单输入验证
- 浏览器事件触发和处理
- 网页特殊效果显示制作
- 服务器异步数据提交
- 服务器：
- 分布式运算
- 实时服务器
- 窗口应用
- 网络应用
- 客户端：
- js中错误：只要希望的功能没执行，说明功能出错了