目录
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 |