JAVASCRIPT基础

一、浏览器分成两个部分：渲染引擎和JS引擎。

1.渲染引擎：用来解析HTML与CSS，俗称内核。

2.JS引擎：js解释器，用来读取网页种的js代码，然后对其处理，chrome的浏览器的v8，浏览器本身是不会执行JS代码，通过JS引擎解释，交给计算机去执行(逐行解释执行)。

二、JS组成

JS是由三部分组成：JS语法、文档对象（DOM）、浏览器对象（BOM）。

三、JS初体验

JS有三种书写方式：行内、内嵌、外部。

1.行内：

<input type=”button” name=”username” value=”用户名” onclick=”alert(‘你好’)”/>

缺点：

- 可读性差， 在html中编写JS大量代码时，不方便阅读；

- 引号易错，引号多层嵌套匹配时，非常容易弄混；

- 特殊情况下使用；

2.内嵌：

<script>
   alert(“你好”);
</script>

在老的版本中，<script type=”text/javascript”></script>，在HTML5中script默认就是js不需要再声明type=”text/javascript”。

3.外部：

<script src="my.js"></script>

- 利于HTML页面代码结构化，把大段 JS代码独立到 HTML 页面之外，既美观，也方便文件级别的复用

- 引用外部 JS文件的 script 标签中间不可以写代码

- 适合于JS 代码量比较大的情况

四、JS注释

1.单行注释：// 不想被js引擎执行的，注释起来。

2.多行注释：/* */

/*

第一行注释

第二行注释

*/

五、JS输出语句

1：alert(msg) 浏览器弹出警示框

2：console.log(msg) 浏览器控制台输出信息，个开发人员看的

3：prompt(info,defaulttxt) 浏览器弹出输入框接收用户信息。(提示信息，默认信息)

六、JS变量

变量名是用来存取数据的容器，我们通过变量名来获取数据，数据是可以修改的。变量是程序在内存中申请的一块存放数据的空间。

七、变量的声明：

var myname = “小明”;

var：是声明一个变量，js的关键词。

myname：声明的一个变量名，开发人员定义。

小明：给变量myname赋值。

同时声明多个变量,用”,”隔开，如下：

var name=”小明”,age=13,sex=”男”;

变量重新赋值：name=”李四”;

八、总结：

- 声明变量用var，多个变量用英文逗号隔开，变量可重新赋值。

- 严格区分大小写。var name; 和 var Name; 是两个变量。

- 不能以数字开头，不能是js关键词比如 var、for、while等。

- 驼峰命名法，如myName，第一个字母小写，第二个字母大写，变量名需有意义。