1. JS基础语法
1.1. JS概念
JavaScript 是用于实现用户交互、动态控制文档的外观和内容, 动态控制浏览器操作、创建cookies等网页行为的跨平台、跨浏览器的由浏览器解释执行的客户端脚本语言。
js文档
1.2. 特点
- 是基于对象的弱类型语言
- 弱类型语言: 某一个变量被定义类型后，可以根据环境自动进行转换。
- 强类型语言: 一旦某一个变量被定义类型，除非进行强制转换，否则它始终保持该数据类型。
- 跨平台
- Linux，Windows，Mac 只要有浏览器，就能够运行
- 事件驱动
- 鼠标点击、悬浮、移动，键盘按下、弹起，获取/失去焦点，加载等。
1.3. Java和JavaScript的关系
Java和JavaScript是两种完全不同的语言，它们之间没有直接关系。Java 是由 Sun Microsystems 开发的高级程序设计语言，而 JavaScript 是客户端脚本语言。
1.4. JS的用途
- 表单客户端验证
- 动态HTML(DHTML)
- 用户交互的动画效果
- 动态添加网页内容
- 动态获取和改变html或css属性
1.5. JavaScript的运行开发环境
- 开发: 字符编辑器
- 运行: Netscape Navigator 3.0 或 Internet Explorer 3.0及以上版本。
- 注意: JavaScript 是通过客户端浏览器来解析的，与 Web 服务器无关。
1.6. JS的优缺点
优点
- 数据验证在客户端，节省服务器资源
- 操纵页面对象，友好体验
- 支持分布式运算和处理
局限
- 浏览器兼容性问题
- 不能操作用户计算机上的文件
1.7. JS的组成
- ECMAScript: JS的核心基础
- DOM(Document Object Model): 动态管理HTML、XHTML、XML元素
- BOM(Browser Object Model): 动态操作浏览器窗口和框架
1.8. 如何在HTML中引入Javascript
- 引入js文件
- 使用
<script>标签内部- 注意: js代码应放在body结束标签后面
1.9. 如何在HTML中使用Javascript
<div onclick="alert('hello world')"></div>
<a href="javascript:alert('hello world');"></a>
1.10. 如何在页面输出JavaScript
javascript
alert("这是我的输出页面"); //弹窗输出
document.write("这是我输出的内容"); //在页面输出
console.log("输出信息"); //在控制台输出
1.11. JS的命名规范
- 有意义
- 不能以数字开头
- 开头必须是字母、下划线或美元符号$
- 其他字符可以是字母、下划线、美元符号或数字
- 不能是系统关键词
- 推荐使用小驼峰命名法
- JavaScript 区分大小写
1.12. JS语句与注释
JavaScript语句以分号结尾，换行可能被视为语句结尾。
javascript
// 单行注释
/* 多行注释 */
