【免费】JS学习笔记资源-CSDN文库

4星 · 超过85%的资源需积分: 0 43 浏览量 2007-07-26 09:38:21 上传评论收藏 39KB DOC 举报

### JS学习笔记知识点详解 #### 一、基本概念与语法 **1. 输出语句** `document.write("");` 是一种将文本直接输出到HTML文档的方法。这通常用于简单的测试场景，但在实际开发中不建议使用，因为它会覆盖整个页面内容。 **2. 注释** `//` 表示单行注释，用于注释一行代码或某段代码的末尾；多行注释可以使用 `/* */`。 **3. HTML 文档结构** 传统HTML文档的基本结构由 `document` 对象包含 `<html>` 元素，其中 `<html>` 再进一步包含 `<head>` 和 `<body>` 两部分。 **4. 浏览器窗口的DOM结构** 在浏览器窗口中，`window` 对象位于DOM层次结构的顶部，包含了其他重要的全局对象如 `navigator`、`screen`、`history`、`location` 和 `document`。 #### 二、DOM 操作 **5. 获取表单元素的名称和值** 使用 `document.getElementById("元素ID")` 可以获取指定ID的DOM元素，并通过 `.name` 或 `.value` 属性来访问表单元素的名称或值。 **6. 字符串大小写转换** - `toUpperCase()` 方法将字符串中的所有字符转换为大写。 - `toLowerCase()` 方法将字符串中的所有字符转换为小写。 **7. 数据类型** JavaScript 支持以下几种数据类型： - `String`：用于表示文本的数据类型。 - `Number`：用于表示整数或浮点数。 - `Boolean`：表示逻辑值 true 或 false。 - `Null`：表示没有任何值。 - `Object`：用于表示复杂的数据结构。 - `Function`：用于表示可执行的代码块。 **8. 字符串与数字之间的转换** - `parseInt()`：将字符串转换为整数。 - `parseFloat()`：将字符串转换为浮点数。 - `"" + 变量`：将数字转换为字符串形式。 **9. 字符串长度** `length` 属性可以获取字符串的长度。 **10. 字符串连接** 字符串可以通过 `+` 运算符进行连接。 **11. 比较操作符** JavaScript 支持多种比较操作符，包括： - `==`：等于（类型转换后比较）。 - `!=`：不等于（类型转换后比较）。 - `===`：严格等于（类型和值都相同）。 - `!==`：严格不等于（类型或值不同）。 - `<`：小于。 - `<=`：小于或等于。 - `>`：大于。 - `>=`：大于或等于。 **12. 声明变量** 使用 `var` 关键字声明变量，例如 `var variableName = value;`。 **13. 判断语句** `if (condition) { } else { }` 语句用于基于条件执行不同的代码块。 **14. 循环结构** `for ([初始化表达式]; [条件表达式]; [更新表达式]) { 代码块 }` 是一种常用的循环结构。 **15. 循环控制** `break` 语句可以在循环内部使用，用于立即退出循环。 #### 三、函数与表单操作 **16. 函数定义** 函数使用 `function functionName([参数1, 参数2, ...]) { 代码块 }` 的格式定义。 **17. 多个表单操作** 当页面中有多个表单时，可以通过 `document.forms[index]` 访问特定的表单对象。 **18. 窗口操作** - `window.open()`：打开新窗口。 - `window.close()`：关闭当前窗口。 - `window.status`：设置浏览器状态栏的文本。 **19. 用户交互** - `window.alert()`：弹出警告框。 - `window.confirm()`：弹出确认对话框。 - `window.prompt()`：弹出输入对话框。 **20. 导航操作** `window.location.href` 用于设置或获取当前文档的URL。 **21. 表单数量** `document.forms.length` 返回页面上所有表单的数量。 **22. 输出流关闭** `document.close()` 用于关闭文档的输出流。 **23. 字符串连接** 使用 `+=` 运算符可以方便地在字符串后面追加其他字符串。 **24. 创建DOM元素** - `document.createElement()`：创建新的DOM元素。 - `document.createTextNode()`：创建新的文本节点。 **25. 获取DOM元素** `document.getElementById()` 用于获取指定ID的DOM元素。 **26. 表单清空** 可以通过遍历表单元素并检查其类型来清空所有文本输入字段。 **27. 复选按钮状态检查** 使用 `document.forms[0].checkboxName.checked` 来检查复选按钮的状态。 **28. 单选按钮组操作** - 获取单选按钮组的长度：`document.forms[0].groupName.length`。 - 检查单选按钮是否被选中：`document.forms[0].groupName[i].checked`。 **29. 下拉列表框值获取** `document.forms[0].selectName.options[n].value` 可用于获取下拉列表框中某个选项的值。 #### 四、字符串操作与数学函数 **30. 字符串对象** 可以使用 `new String()` 构造函数创建字符串对象。 **31. 字符串大小写转换** - `toUpperCase()`：将字符串转换为全部大写。 - `toLowerCase()`：将字符串转换为全部小写。 **32. 字符串搜索** `indexOf()` 方法返回子字符串首次出现的位置，如果未找到则返回 -1。 **33. 字符串截取** - `charAt()`：返回指定索引处的字符。 - `substring()`：返回指定索引范围内的子字符串。 **34. 数学函数** JavaScript 提供了丰富的数学函数，例如： - `Math.PI`：返回圆周率π的值。 - `Math.sqrt()`：返回平方根。 - `Math.max()`：返回最大值。 - `Math.pow()`：计算幂次方。 - `Math.random()`：返回介于0（含）和1（不含）之间的随机数。这些知识点涵盖了JavaScript的基础语法、DOM操作、表单处理以及字符串和数学函数等方面，对于初学者来说是非常宝贵的资源。掌握这些内容是学习JavaScript的重要基础。

资源推荐

资源详情

资源评论