JS

112 阅读3分钟

JS的介绍

js是什么:

是一种运行在客户端的脚本语言,最早是在HTML网页上使用,用来给HTML网页增加动态功能。

浏览器就是一种运行JS脚本语言的客户端,JS的解释被称为JS引擎,为浏览器的一部分。

ECMAScript6 于2015年6月17日正式发布,即ECMAScirpt 2015。

JS的组成:

JavaScript是由 ECMAScript,DOM和BOM三者组成的。

1.ECMAScript: 定义了JavaScript 的语法规范,描述了语言的基本语法和数据类型

2.DOM (Document Object Model): 文档对象模型

有一套成熟的可以操作 页面元素的 API,通过 DOM 可以操作页面中的元素。比如: 增加个 div,减少个 div,给 div 换个位置等。

3.BOM (Browser Object Model): 浏览器对象模型

有一套成熟的可以操作浏览器的API,通过BOM可以操作浏览器。 比如:弹出框、浏览器、跳转、获取分辨率等。

JS的三种书写方式:

1.行内式

<input type= "button" value="按钮” onclick="alert (‘你好!!!’)" />

2.内嵌式(内部式)

<body>
      <script>
              console.log(小括号内部可以书写一个变量, 或者书写一个引号包裹的内容, 它会将这个内容, 打印到浏览器的控制面板(控制台)
      </script>

</body>

一般书写在boby标签的末尾处

3.外链式(外部式)

<script scr="xxxx.js"></script>

一般建一个名为js的文件,然后引入进来。

JS 定义变量

什么是变量:

变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据;

变量其实就相当于一个容器,内部可以存储任意类型的数据,使用变量时,用的是内部存储的数据。

为什么要定义变量呢?

因为,使用变量可以方便的获取或者修改内存中的数据。

如何定义变量

使用一个var的关键字进行定义,后面必须加一个空格,空格后面自定义变量名字。

例如: var box;

var end;

变量赋值

变量定义之后,初始时没有进行赋值,内部有一个默认储存的值叫undefined(未定义)表示内部未赋值,但可以存储数据了。

变量赋值的方式:通过等号=赋值,等号右边的值赋值给左边的变量(等号在JS中叫做 赋值号;书写时,等号=两侧习惯书写一个空格)

例如:变量定义:

var box;

变量赋值:

box = 10;

变量定义并赋值:

var box = 10;

sass如何定义变量

$定义变量名:数值;

一般用来定义颜色或者一些常用的像素值

在 sass 中如何书写嵌套(如何书写后代? 如何书写子类)

例如:HTML结构

class="box">

class="left">

山山水水

class="right">

少时诵诗书

sass 中嵌套

.box{

.left{

p{

}

}

.right{

span{

}

}

}

子代嵌套书写方式:

ul{ >li{ padding:12px; } }

JavaScript输入输出语法:

输出语法:

语法1: document.write('写要输出的内容')

作用:向body内输出内容

注意:如果输出的内容写的是标签,也会被解析成网页元素。

语法2:alert( ' 写要出的内容')

作用:页面弹出警示对话框

语法3:console.log(控制台打印)

作用:控制台输出语法,生许愿调试使用。