JS笔记 语法

javascript概述

简称为JS，是一款可以运行在JS解释器、引擎中的脚本语言

JS解释器、引擎 JS的运行环境

一、独立安装的js解释器 -nodeJS

二、嵌入在浏览器中的js解释器

JS基于对象的编程语言

 

1.浏览器的内核

内容负责页面内容的渲染

一、内容排版的引擎 HTML、CSS

二、脚本解释引擎 javascript

 

搭建JS运行环境

独立安装的js解释器 nodeJS

console.log("hello word");

console.log("hello word");

使用浏览器中的内核（JS解释引擎）

一、浏览器的控制台（console）中，输入脚本执行

二、将JS脚本代码嵌入在HTML页面中执行

采用HTML元素事件执行JS代码

sj：onclick

一、当元素被点击时执行的操做

ex：当按钮被点击时，在控制台中输出 hello world

<button type="button" onclick="console.log('哈哈哈哈哈');">点击我试试</button>

二、将js脚本编写在<script></script>并嵌入在HTML文档的如何位置

1 <script>
2 console.log('这是在script标记中执行的内容');
3 document.write("<h1>hhhhhh</h1>");
4 </script>

demo

 

三、将js脚本编写在外面独立的js脚本文件中（***.js）

步骤

一、编写JS脚本文件

二、在HTML中引入脚本文件

<script src=""></script>

demo

先建立一个base.JS的文件

在文件中执行如下代码

console.log("hhhh");

decoment.write("dddddd");

window.alert("这是在外部脚本文件的内容");

在HTML文档中，引入base.js文件

 

<!-- 引用外部文件-->

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

三、JS的调试

在代码编写错误时，在运行的时候，在错误位置会中止

碰到错误代码，会终止当前语句块的执行，但不影响后面块的执行

<script></script>为一块

四、JS语法

一、语句：能够被引擎执行的最小单元

由表达式、关键字 、运算符 组成的

严格区分大小写：name和NAME:

全部的语句都是以 ; 表示结束

全部的标点符号都是英文的

二、注释

单行注释：//

多行注释：/**/

变量与常量

一、什么是变量

用来存储数据的一个容器

二、声明变量（重点）

  一、声明变量

    var 变量名；

  二、为变量赋值

    变量名=值；

  三、声明变量并赋初始值

    var 变量名=值；

 

 

注意：

一、变量声明时没有赋值的话3，那么值为undefined

二、声明变量容许不使用var关键字，但不推荐

demo：

建立一个HTML

声明一对<script></script>并完成如下变量的声明

 1     <script>
 2     var l_name="Thinkpad e460";
 3     var l_price="3000";
 4     var l_count="100";
 5     console.log(l_name,l_price,l_count);
 6     console.log("笔记本名称:"+l_name);
 7     console.log("笔记本价格:"+l_price);
 8     console.log("笔记本库存:"+l_count);
 9     
10     </script>

demo

 

三、一条语句声明多个变量

  var 变量名1=值，变量名2=值，变量名3=值

  变量名命名规范

  一、由字母，数字，下划线以及$组成的

  二、不能以数字开头

  三、不能使用js中的关键字和保留关键字

  四、变量名不能重复

  五、能够采用”驼峰命名法“，小驼峰命名法使用居多

  六、最好见名知意

 

 

四、变量的使用

  一、为变量赋值 -set操做

  只要变量出如今赋值符号（=）的左边一概是赋值操做

  二、获取变量的值 -get操做

  只要变量没有出如今赋值符号（=）的左边，一概是取值操做

 

赋值符号出现的话，永远都是将右边的值，赋值给左边的变量

二、常量

一、什么是常量

在程序中，一但声明好，就不容许被修改的数据

二、声明常量

count 常量名=值；

常量名在命名时采用所有大写形式