JavaScript入门教程：基本语法与操作符解析
需积分: 3 56 浏览量
更新于2024-07-28
收藏 1.03MB PDF 举报
"这篇文档是关于JavaScript入门的基础知识整理，涵盖了如何将JavaScript代码放入HTML页面、JavaScript变量的命名规则、算术运算符、赋值运算符、比较运算符以及逻辑运算符等内容。"
JavaScript是一种广泛应用于网页和互联网应用的脚本语言，它使网页具有动态交互性。作为面向对象的编程语言，JavaScript支持类和对象的概念，允许开发者创建复杂的数据结构和功能。
1. 将JavaScript放入HTML页面：
JavaScript通常被插入到HTML的`<head>`或`<body>`标签内的`<script>`标签中。`<script type="text/javascript">`定义了脚本类型为JavaScript。此外，也可以通过`<script src="xxx.js">`引用外部的JavaScript文件，这样可以将代码组织在单独的文件里，提高代码的可维护性。
2. JavaScript变量规则：
- 变量区分大小写，例如`y`和`Y`是不同的变量。
- 变量名必须以字母或下划线开头。
- 在为变量赋予字符串值时，需要使用引号包围，如`var carName = "Volvo"`。
3. 算术运算符：
- `+`：加法
- `-`：减法
- `*`：乘法
- `/`：除法
- `%`：取余数
- `++`：前缀或后缀自增
- `--`：前缀或后缀自减
4. 赋值运算符：
- `=`：基本赋值
- `+=`：加法赋值
- `-=`：减法赋值
- `*=`：乘法赋值
- `/=`：除法赋值
- `%=`：取余赋值
5. 比较运算符：
- `==`：相等（会进行类型转换）
- `===`：全等（值和类型都必须相同）
- `!=`：不等
- `>`：大于
- `<`：小于
- `>=`：大于等于
- `<=`：小于等于
6. 逻辑运算符：
- `&&`：逻辑与（两边都为真，结果才为真）
- `||`：逻辑或（两边有一个为真，结果就为真）
- `!`：逻辑非（对条件取反）
掌握这些基础知识对于初学者来说非常重要，它们构成了JavaScript编程的基础。随着学习的深入，还将接触到函数、数组、对象、控制流语句、事件处理等方面的知识，这些都是构建动态网页和应用程序不可或缺的部分。理解并熟练运用这些概念，能够帮助开发者编写出高效且易于维护的JavaScript代码。
JavaScript
4
需执行的代码
}
do...while 循环
初次运行时会首先执行一遍其中的代码，然后当指定的条件为 true 时，它会继续这个循环。
语法：
do
{
需执行的代码
}
while (变量<=结束值)
break 命令可以终止循环的运行，然后继续执行循环乊后的代码
continue 命令会终止当前的循环，然后从下一个值继续运行
for ... in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作
for (变量 in 对象)
{
在此执行代码
}
onload 和 onUnload-----当用户进入或离开页面时就会触发 onload 和 onUnload 事件。
onFocus、onBlur 和 onChange 事件通常相互配合用杢验证表单。
onSubmit 用亍在提交表单乊前验证所有的表单域。
onMouseOver 和 onMouseOut 用杢创建“劢态的”按钮。
事件句柄
属性
当以下情况发生时，出现此事
件
FF
N
IE
onabort
图像加载被中断
1
3
4
onblur
元素失去焦点
1
2
3
onchange
用户改变域的内容
1
2
3
onclick
鼠标点击某个对象
1
2
3
ondblclick
鼠标双击某个对象
1
4
4
onerror
当加载文档或图像时发生某个错误
1
3
4
onfocus
元素获得焦点
1
2
3
onkeydown
某个键盘的键被按下
1
4
3
剩余23页未读，继续阅读
点击了解资源详情
点击了解资源详情
点击了解资源详情
2020-10-30 上传
2024-02-19 上传
2021-12-14 上传
2019-01-04 上传
2020-10-23 上传
2020-10-30 上传
糊糖
- 粉丝: 1
- 资源: 8
我的内容管理
展开
