【前端从0开始】JavaSript——js基础语法

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

// 单行注释
/* 多行注释 */