JavaScript概述和基础语法

一、什么是JavaScript

JavaScript是一种运行于JavaScript解释器/引擎中的解释型脚本语言

如何理解解释型语言?

解释型语言:运行之前是不需要编译的,运行之前不会检查错误,知道碰到错误为止。

相对的还有

编译型语言:对源码进行编译,还能检查语法错误(C语言/C++语言4)

 JS的运行环境:1、独立安装的JS解释器(Node.js)

2、嵌入在(浏览器)内核中的JS解释器。

JS的使用场合:PC端,手机,平板,机顶盒等。

二、JS的组成

(一)、组成部分

完整的JS是由三个部分组成的:

1、核心(ECMAScript)

2、文档对象模型(DOM,Document Object Model)让JS有能力与网页进行对话,比如点击操作、鼠标滑入操作。

3、浏览器对象模型(BOM,Browser Object Model)让JS有能力与浏览器进行对话,比如判断页面中滚动条距离顶端的位置、或是判断鼠标光标在浏览器中的位置。

(二)、JS特点

1、开发工具很简单,记事本就可以

2、无需编译,直接由JS引擎负责执行

3、弱类型的语言由数据来决定,数据类型

4、面向对象

(三)、浏览器的内核

浏览器内核的作用

内核主要由两部分组成(不同浏览器的内核是不同的):

1、内容排版引擎解析HTML和CSS

2、脚本解释引擎解析JavaScript

(四)、运行环境

独立安装的JS解释器:Node.js

嵌入在浏览器内核中的解释器(F12调出网页的控制台,选择控制台上面的console可以直接在上面输出代码)

四、将JS脚本嵌入在HTML页面中

1、将JS代码直接嵌入在元素的“事件”中

<div id=" " onclick=" JS代码" >内容</div>

 

 说明:onclick是元素的事件,当点击元素时所进行的操作。

可以直接在元素里加入一个onclick事件,在onclick里面加入对应的JS代码,这个JS代码就是我们所要执行的代码。

注意:单引号和双引号的使用方式:外面单引号,里面就是双引号;外面双引号,里面嵌套的就是单引号。

 

2、将JS的代码嵌入到<script>标记中

<script></script>标签允许出现在页面的任何位置。

我们可以将JavaScript代码放置在HTML文件中的任何位置,但是一般习惯于放置在网页的head或者是body部分。

放在<head>部分

最常用的方式是在页面中head部分放置在<script>元素,浏览器解析head部分就会执行这个代码,然后才解析head部分就会执行这个代码,然后才解析页面的其余部分。

放在<body>部分

JavaScript代码在网页读取到该语句的时候·就会执行。

注意:

JavaScript作为一种脚本语言可以放在HTML页面中的任何位置,但是浏览器解释HTML时是按照先后顺序的,所以放在前面的script就被先执行。

比如,进行页面显示初始化的JS必须放在 head 里面,因为初始化都要求提前进行(给页面的body设置css等);

如果是通过事件调用执行的function,就对位置没有什么特别的要求

3、将JS代码写在外部脚本文件中

创建JS文件,并编写JS代码(文件名:***.js)

在页面中引用js文件

<script src="js文件路径"></script>

注意:在<script src="  "> </script>标签中,是不允许出现任何内容的。下面这个例子就是错误的示范。

 五、JS语句和注释

JS语句就是允许被JS引擎所解释的代码。

语句书写规范:使用分号来表示结束(document.write(););大小写敏感(console.log();正确  Console.log();错误)

符号要是用英文标点符号(不管是HTML、CSS还是JS代码都要使用英文符号);语句由表达式、关键字、运算符组成。

注释:分为单行注释和多行注释

HTML注释<!-- -->

CSS注释  /*   */

JS注释:单行注释(//注释内容);多行注释( /*   */)。

 注意:对内容设置注释,单行注释使用 [ Ctrl键+/ ] 就可以实现;多行注释使用 [ Ctrl键+Shift键+/ ] 可以实现

猜你喜欢

转载自www.cnblogs.com/nyw1983/p/11479172.html