JS基础上

js的简单使用

js代码需要写在script标签中,相当于css中的style

<script type="text/javascript">

</script>

alert（弹出警告框）

alert（控制浏览器弹出一个警告框）

alert（“文字警告内容”）；

document .write（让计算机在页面中输出一个内容）

document.write("内容");

console.log() 向控制台输出一个内容

console.log("内容");

注意：按照先后顺序执行

js的编写位置

可以将js代码编写到标签的onclick属性之中，当我们点击按钮时，js代码才会执行。

<button> js

<button onclick="alert('请重新加载');">点我一下</button>

注意括号里面的内容要用单引号

可以将js代码写在超链接的href属性中，这样点击超链接时，会执行js代码

<a href> js

<a href="javascript:alert('请重新加载');">点击一下</a>

虽然可以写在标签的属性当中，但是他们属于结构与行为耦合，不方便维护，不推荐使用。

可以将代码写到script标签中

可以将js代码编写到外部js文件中，然后通过script标签引入

创建一个js项目文件

<script type="text/javascript" src="js/script.js"></script>

写到外部文件中可以在不同的页面中同时引用，也可以利用浏览器的缓存机制推荐使用的方式

script一旦用于引入外部文件了，就不能往里再编写代码了，如果需要，可以再创建一个新的script标签用于编写内部代码。

js的基本语法

js注释

多行注释，注释中的内容不会被执行，但可以在源代码中查看/* */

单行注释 //

注意

向页面中输出

document.write();

js字面量和变量

字面量

一些不可改变的值。比如：1 2 3 4

字面量都是可以直接使用的，但是一般不会直接使用字面量，一个字面量如果无限大，使用起来不方便

变量

变量可以用来保存字面量，而且变量的值是可以任意改变的。变量更加方便使用，所以在开发中都是通过变量去保存字面量

可以通过变量对字面量进行描述

声明变量

var a;

为变量a赋值

a=123；

console.log(a); //控制台上打印出123

声明和赋值可以同时进行

js标识符

在js中所有都可以由我们自主命名的都可以称为是标识符

命名规则

关键字和保留字符

其他不建议使用的标识符

js数据类型

数据类型指的就是字面量的类型

在js中一共有6种数据类型

String 字符串

Number 数值

Boolean 布尔值

Null 空值

Undefined 未定义

Object 对象

其中String, Number, Boolean, Null, Undefined属于基本数据类型，而Object属于引用数据类型。

基本和引用数据类型

js String

String 字符串

在js中字符串需要用引号引起来(单引号和双引号都可以)

引号不能嵌套，单里放单，双里放双

var str="hello";

js Number

Number 数值

在js中所有的数值都是Number类型，包括整数和浮点数。

可以使用一个运算符typeof来检查一个变量的类型。

typeof

语法：typeof 变量

检查字符串时，会返回string

检查数值时，会返回number

最大值和最小值

js中可以表示数字的最大值 Number.MAX_VALUE

如果使用Number表示的数字超过了最大值，则会返回一个Infinity，表示正无穷。-Infinity表示负无穷

使用typeof检查Infinity也会返回一个Number

表示数字的最小的正值 Number.MIN_VALUE

NaN 是一个特殊的数字，表示Not a Number

比如：“abc”*“bcd”

Number的计算

在js中整数的运算基本可以保持精确

如果进行浮点元素计算，可能得到一个不精确的结果

js Boolean

Boolean 布尔值

布尔值只有两个 true和false,主要用来做逻辑判断

使用typeof检查一个布尔值时，会返回boolean

js Null

Null 空值

Null类型的值只有一个，就是null，专门用来表示一个为空的对象

使用typeof检查一个null值时，会返回object

js Undefined

Undefined 未定义

Undefined类型的值只有一个，就是Unfdeined

当声明一个变量但不赋值时，它的值就是Undefined

使用typeof检查一个Undefined时，也会返回Undefined

js 强制数据类型转换

指将一个数据类型强制转换为其他数据类型

类型转换主要指，将其他的数据类型，转换为String Number Boolean

将其他的数据类型转换为String

方式一

调用被转换数据类型的toString()方法【被转换数据类型.toString()】

调用xxx的yyy方法，就是xxx.yyy();

比如：调用Number类型a的toString()方法

a.toString();

该方法不会影响到原变量，它会将转换的结果返回

但是，null和undefined没有toString()方法

方式二

调用String()函数

var a=String(a);

将其他类型转换为Number

方式一

使用Number()函数

字符串-->数字

1.如果是纯数字的字符串，则将其直接转换为数字

2.如果字符串中有非数字的内容，则转换为NaN（NaN 是一个特殊的数字，表示Not a Number）

3.如果字符串是一个空串或者是一个全是空格的字符串，则转换为0

布尔-->数字

true转换成1

false转换成0

null-->数字

结果为0

undefined-->数字

结果为NaN(NaN 是一个特殊的数字，表示Not a Number)

方式二（parseInt）

调用parseInt()函数

var a=parseInt(a);

parseInt()可以将一个字符串中的有效的的整数内容取出来，然后转换为Number

parseFloat()作用和parseInt()类似，不同的是它可以获得有效的小数

将其他类型转换为Boolean

调用Boolean()函数

var a=Boolean(a);

其他进制的数字

在is中，如果需要表示16进制的数字，则需要以0x开头

如果需要表示8进制的数字，则需要以0开头

可以在parseInt()中传递一个第二个参数，来指定数字的进制

var a=parseInt(a,8);

js运算符

运算符也叫操作符，通过运算符可以对一个或多个运算符进行运算。比如：typeof可以来获得一个值的类型。它会将该值的类型以字符串的形式返回

算数运算符

当对非Number的值进行运算时，会将这些值转换为Number然后再运算。（除了字符串的加法运算）

任何值和NaN运算都得NaN

任何值做-，*，/运算时都会自动转换为Number

+

可以对两个值进行加法运算，并将结果返回

如果对两个字符串进行加法运算，则会做拼串，会将两个字符串拼接成一个字符串，并返回。

任何的值和字符串做加法运算，都会先转换为字符串，然后再和字符串做拼接的操作

我们可以利用这一特点，来将任意任意一种数据类型转换为String,只需要为任意的数据类型+一个“ ”，即可将其转换为String,这是一种隐式的数据类型转换 ，由浏览器自动完成

-

可以对两个值进行减法运算，并将结果返回

*

可以对两个值进行乘法运算

/

可以对两个值进行除法运算

%

对两个值进行取余运算

一元运算符

一元运算符只需要一个操作数

+正号 正号不会对任何数字产生影响

-负号 负号可以对数字进行取反

对于非Number值，先转换成Number类型的值，然后再运算

可以对一个其他得数据类型使用+，来将其转换为Number

自增和自减

自增

自增运算符 ++

通过自增可以使变量在自身的基础上增加1

对一个变量自增以后，原变量的值会立即自增1

自增分成两种，后++（a++）和前++（++a）

无论是a++还是++a，都会立即使原变量的值自增1，不同的是a++和++a的值不同

a++的值等于原变量的值（自增前的值）

++a的值等于原变量的新值（自增后的值）

自减

自减运算符 --

通过自增可以使变量在自身的基础上减少1

逻辑运算符

js为我们提供三种逻辑运算符

运算符的优先级

使用，可以分割多个语句，一般可以在声明多个变量时使用

var a,b,c;