javascript知识点总结《一》资源-CSDN文库

需积分: 9 32 浏览量 2016-05-18 01:06:37 上传评论收藏 70KB DOCX 举报

### JavaScript知识点总结《一》 #### 第一章：初步认识JavaScript ##### 学习目标： - **理解JavaScript的特点** - **学会三种JavaScript的引入方式** ##### JavaScript的特点： 1. **了解特点前：** JavaScript是一种描述语言，基于对象和事件驱动的脚本语言。 2. **JavaScript的特点：** - 一种轻量级的编程语言。 - 一种解释性语言，无需预编译。 - 被设计为向HTML页面添加交互行为。 - 运行在客户端。 ##### JavaScript组成： - **DOM（Document Object Model）文档对象模型** - 是HTML和XML的应用接口。 - 把整个页面规划为层级式的节点结构。 - **BOM（Browser Object Model）浏览器对象模型** - 可以对浏览器窗口进行访问和操作。 ##### JavaScript的基本结构： ```html <script type="text/javascript"> // JavaScript代码 </script> ``` ##### JavaScript的三种引入方式： 1. **HTML标签中引入**（较少使用）： ```html <body onload="alert('你好，JavaScript！');"> ``` 2. **加入 `<script>` 标签**： ```html <script type="text/javascript"> // JavaScript代码 </script> ``` 3. **引入外部JS文件**： ```html <script type="text/javascript" src="外部文件js的地址"></script> ``` #### 第二章：JavaScript语法 ##### 任务： - 掌握JavaScript的基本语法。 - 熟练使用JavaScript函数。 - 属性JavaScript的BUG调试方法。 - 常用的输入、输出、确认。 ##### 输入、输出、确认： - `prompt()`：获取用户输入。 ```javascript prompt("提示信息", "输入框的默认信息"); ``` 示例： ```javascript var name = prompt("请输入你的姓名", "张三"); ``` - `alert()`：弹出提示框。 ```javascript alert("你好，我是JavaScript！"); ``` - `confirm()`：信息确认框。 ```javascript var result = confirm("确认信息？"); if (result) { // 用户点击了确定 } else { // 用户点击了取消 } ``` ##### JavaScript基本语法： - **注释**： - 单行注释：`//` - 多行注释：`/* */` - **变量**： - JavaScript变量用于保存值、保存表达式的。 - 注意：JavaScript对大小写敏感；变量名以字母、下划线或美元符号开始。 - 变量声明通过`var`语句。 - 示例： ```javascript var num = 9; var num, stu; var myName = "张三"; ``` - **数据类型**： - `Number`：数字类型。 - `Boolean`：布尔类型。 - `String`：字符串类型。 - `Null`：空。 - `Undefined`：变量被声明，但未定义。 - `typeof`运算符返回值如下： - `undefined`：变量被声明后，但未被赋值。 - `string`：用单引号或双引号声明的字符串。 - `boolean`：`true` 或 `false`。 - `number`：整数或浮点数。 - `function`：函数方法。 - `object`：对象、数组或 `null` 类型。 - 示例： ```javascript var num1 = 2; // number var num2 = "你好"; // string var num3 = new Date(); // object alert(null == undefined); // true alert(typeof num1); // number ``` ##### 数据类型转换： - `parseInt()`：将字符串转换为整数。 ```javascript var num = "3443stu"; document.write(parseInt(num)); // 显示：3433 ``` - `parseFloat()`：将字符串转换为浮点数。 - `toString()`：返回字符串形式。 - **强制转换**： - `Boolean()` - `Number()` - `String()` - **说明**：对于`parseInt()`、`parseFloat()` 和 `Number()`，从头开始，不会挑选数字，如果开头不是数字，这些函数会返回 `NaN`（Not a Number）。例如： ```javascript var num = "student"; alert(parseInt(num)); // NaN alert(parseFloat(num)); // NaN alert(Number(num)); // NaN ``` ##### 运算符： - JavaScript支持多种运算符，包括但不限于： - 算术运算符：如加(`+`)、减(`-`)、乘(`*`)、除(`/`)等。 - 比较运算符：如等于(`==`)、不等于(`!=`)、小于(`<`)、大于(`>`)等。 - 逻辑运算符：如逻辑与(`&&`)、逻辑或(`||`)、逻辑非(`!`)等。 - 位运算符：如按位与(`&`)、按位或(`|`)、按位异或(`^`)等。以上是关于JavaScript的基础知识点总结，涵盖了初步认识JavaScript以及JavaScript的基本语法等内容。这些知识点对于初学者来说非常重要，有助于快速入门并进一步深入学习。

资源推荐

资源详情

资源评论