目录

 

js编写位置

js变量声明、数据类型和运算符

变量声明

数据类型

js运算符


js编写位置

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

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

2.  可以将js代码编写到script标签,一般写在头文件中。
    

<head>
    </script>
        <script type="text/javascript">
        alert("这是一个script标签中的代码!");
    </script>
<head>

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

<button onclick="alert('这是一个button中js代码');">点我一下</button>

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

<a href="javascript:alert('让你点你就点!!');">你也点我一下</a>

js变量声明、数据类型和运算符

变量声明

1.  显示声明:var i=100;显式申明,会进行预编译;使用var关键字,局部变量。

2.  隐式声明:i=100;隐式申明,解释时才会被声明为全局变量;不使用关键字,全局变量

数据类型

1.  值类型(基本类型)

  • 数值(number):数字可以带小数点,也可以不带
  • 字符串值(string):字符串是存储字符的变量。字符串可以是引号中的任意文本,可以使用
  • 单引号或双引号
  • 布尔(Boolean):布尔(逻辑)只能有两个值,true 或 false
  • 对空(Null)
  • 未定义(undefined)

2.  引用数据类型

  • 对象(Object):对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔
  • 数组(Array):数组用方括号书写。数组的项目由逗号分隔
  • 函数(Function)

js运算符

算数运算符:算数运算符用于对数字执行算数运算:

运算符

描述

+

加法

-

减法

*

乘法

/

除法

%

系数

++

递加

--

递减

赋值运算符:向 JavaScript 变量赋值。

运算符

例子

等同于

=

x = y

x = y

+=

x += y

x = x + y

-=

x -= y

x = x - y

*=

x *= y

x = x * y

/=

x /= y

x = x / y

%=

x %= y

x = x % y

比较运算符:

运算符

描述

==

等于

===

等值等型

!=

不相等

!==

不等值或不等型

>

大于

<

小于

>=

大于或等于

<=

小于或等于

?

三元运算符

逻辑运算符:

运算符

描述

&&

逻辑与

||

逻辑或

!

逻辑非

类运算符:

运算符

描述

typeof

返回变量的类型。

instanceof

返回 true,如果对象是对象类型的实例。

位运算符:位运算符处理 32 位数。该运算中的任何数值运算数都会被转换为 32 位的数。结果会被转换回 JavaScript 数

运算符

描述

例子

等同于

结果

十进制

&


5 & 1

0101 & 0001

0001

1

|


5 | 1

0101 | 0001

0101

5

~


~ 5

~0101

1010

10

^

异或

5 ^ 1

0101 ^ 0001

0100

4

<<

零填充左位移

5 << 1

0101 << 1

1010

10

>>

有符号右位移

5 >> 1

0101 >> 1

0010

2

>>>

零填充右位移

5 >>> 1

0101 >>> 1

0010

2