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中错误:只要希望的功能没执行,说明功能出错了