目录
JavaScript是世界上最流行的语言之一,是一种运行在客户端的脚本语言(Script是脚本的意思)、
脚本语言∶不需要编译,运行过程中由js解释器(js引擎)逐行来进行解释并执行
现在也可以基于Node.js技术进行服务器端编程
浏览器执行JS简介
浏览器分成两部分︰渲染引擎和JS引擎
渲染引擎︰用来解析HTML与CSS,俗称内核,比如chrome浏览器的blink,老版本的webkit
J引擎︰也称为JS解释器。用来读取网页中的JavaScript代码,对其处理后运行,比如chrome浏览
器的V8。
浏览器本身并不会执行JS代码,而是通过内置JavaScript引擎(解释器)来执行JS代码。JS引擎执行
代码时逐行解释每一句源码(转换为机器语言),然后由计算机去执行,所以JavaScript语言归为
脚本语言,会逐行解释执行。
向HTML页面中添加交互行为
脚本语言,语法和Java类似
解释性语言,边执行边解释
1、ECMAScript
ECMAScript是由ECMA国际(原欧洲计算机制造商协会)进行标准化的一门编程语言,这种语言在万维网上应用广泛,它往往被称为JavaScript或JScript,但实际上后两者是ECMAScript语言的实现和扩展。
ECMAScript : ECMAScript规定了JS的编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套JS语法工业标准。
2、DOM———文档对象模型
文档对象模型( Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过DOM提供的接口可以对页面上的各种元素进行操作(大小、位置、颜色等)。
3、BOM——浏览器对象模型
BOM(Browser Object Model,简称BOM)是指浏览器对象模型,它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口,比如弹出框、控制浏览器跳转、获取分辨率等。
JavaScript的执行原理
1、浏览器发送请求(包含JavaScript的请求页面)到服务器
2、浏览器解析HTML标签和JavaScript
3、服务器相应浏览器发送的请求(从服务器端下载含JavaScript的页面)
1、行内样式
语法:
- <input name="btn" type="button" value="弹出消息框"
- onclick="javascript:alert('欢迎你');"/>
注意:
1、可以将单行或少量JS代码写在HTML标签的事件属性中(以on开头的属性),如:onclick·注意单双引号的使用:在HTML中我们推荐使用双引号,JS中我们推荐使用单引号
2、可读性差,在html中编写JS大量代码时,不方便阅读;
3、引号易错,引号多层嵌套匹配时,非常容易弄混;
4、特殊情况下使用
2、内嵌式:使用script标签
语法:
- <script>
- alert ( 'Helloworld~! ' );
- </script>
可以将行JS代码写到