JS学习1
1.JS简介
- JavaScript 能够改变 HTML 内容
- JavaScript 能够改变 HTML 属性
- JavaScript 能够改变 HTML 样式 (CSS
- JavaScript 能够隐藏和显示 HTML 元素
2.JS使用
- <script>标签:
在 HTML 中,JavaScript 代码必须位于 标签之间。 - JavaScript 函数和事件
JavaScript 函数是一种 JavaScript 代码块,它可以在调用时被执行。
例如,当发生事件时调用函数,比如当用户点击按钮时。 - <head> 或 <body> 中的 JavaScript
- 外部js引入
<script src="myScript.js"></script>
3.JavaScript 输出
JavaScript 显示方案
-
JavaScript 能够以不同方式“显示”数据:
使用 window.alert() 写入警告框
使用 document.write() 写入 HTML 输出
注意:在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML。使用 innerHTML 写入 HTML 元素
使用 console.log() 写入浏览器控制台
4.JavaScript 语句
- JavaScript 会忽略多个空格。
- JavaScript 关键词
break 终止 switch 或循环。
continue 跳出循环并在顶端开始。
debugger 停止执行JavaScript,并调用调试函数(如果可用)。
do … while 执行语句块,并在条件为真时重复代码块。
for 标记需被执行的语句块,只要条件为真。
function 声明函数。
if … else 标记需被执行的语句块,根据某个条件。
return 退出函数。
switch 标记需被执行的语句块,根据不同的情况。
try … catch 对语句块实现错误处理。
var 声明变量。
注释:JavaScript 关键词指的是保留的单词。保留词无法用作变量名。
JavaScript 语法
- JavaScript 值
1.1 混合值-字面量
1.2 变量值-变量
1.2.1 不带有值的变量,它的值将是 undefined
1.2.2 如果再次声明某个 JavaScript 变量,将不会丢它的值。
var carName = "porsche";
var carName;
- JavaScript 标识符
首字符必须是字母、下划线(-)或美元符号($) - 大小写敏感
JavaScript 运算符
- JavaScript 算数运算符
算数运算符用于对数字执行算数运算:
+ 加法
- 减法
* 乘法
/ 除法
% 系数
++ 递加
- - 递减 - 赋值运算符向 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|
加法赋值运算符(+=)向变量添加一个值。 - JavaScript 比较运算符
== 等于
=== 等值等型
!= 不相等
!== 不等值或不等型大于
< 小于
= 大于或等于
<= 小于或等于
? 三元运算符
- JavaScript 逻辑运算符
&& 逻辑与
|| 逻辑或
! 逻辑非
- JavaScript 类型运算符
typeof 返回变量的类型。
instanceof 返回 true,如果对象是对象类型的实例。
- JavaScript 位运算符
位运算符处理 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
上例使用 4 位无符号的例子。但是 JavaScript 使用 32 位有符号数。
因此,在 JavaScript 中,~ 5 不会返回 10,而是返回 -6。
~00000000000000000000000000000101 将返回 11111111111111111111111111111010。