javascript常用整理
### JavaScript 常用知识点梳理 #### 一、基本语法及文档结构 1. **输出语句**: `document.write("")` 是一种简单的输出方法,它会将括号内的内容直接写入当前文档流中。 2. **注释**: JavaScript 支持两种类型的注释:单行注释 `//` 和多行注释 `/* */`。 3. **HTML 文档结构**: 在传统的 HTML 结构中,文档通常遵循以下顺序:`<html>` -> `<head>` -> `<body>`。其中 `<head>` 包含了文档的元数据,而 `<body>` 包含了页面的主要内容。 4. **浏览器窗口中的 DOM 结构**: 浏览器中的文档对象模型 (DOM) 的顶级对象是 `window`,其下包括 `navigator`、`screen`、`history`、`location` 和 `document` 等对象。 #### 二、DOM 操作 5. **获取表单元素的名称和值**: 使用 `document.getElementById("表单中元素的ID号").name` 或 `document.getElementById("表单中元素的ID号").value` 可以获取指定 ID 的表单元素的名称或值。 6. **字符串大小写转换**: 通过 `document.getElementById("output").value = document.getElementById("input").value.toUpperCase();` 可以将输入框中的文本转换为全大写形式。同理可以使用 `.toLowerCase()` 转换为全小写。 #### 三、数据类型及其转换 7. **JavaScript 数据类型**: JavaScript 支持的数据类型包括 `String`、`Number`、`Boolean`、`Null`、`Object` 和 `Function`。 8. **字符型到数值型转换**: 可以使用 `parseInt()` 和 `parseFloat()` 函数将字符串转换为整数或浮点数。 9. **数值型到字符型转换**: 将数值转换为字符串的一种简单方法是在数值后面加一个空字符串,例如 `(""+变量)`。 10. **获取字符串长度**: 使用 `length` 属性可以获取字符串的长度,如 `"字符串".length`。 #### 四、字符串处理 11. **字符串连接**: 字符串之间的连接使用 `+` 运算符,例如 `"Hello" + "World"`。 #### 五、条件判断与循环 12. **比较操作符**: JavaScript 中的比较操作符包括 `==`(等于)、`!=`(不等于)、`>`(大于)、`>=`(大于等于)、`<`(小于)和 `<=`(小于等于)。 13. **变量声明**: 在 JavaScript 中使用 `var` 关键字声明变量。 14. **条件语句**: `if (condition) { } else { }` 结构用于执行基于某个条件的操作。 15. **循环结构**: `for ([初始化表达式]; [条件]; [更新表达式]) { 循环体 }` 是常用的循环结构之一。 16. **跳出循环**: `break` 语句用于立即退出循环。 #### 六、函数与表单 17. **定义函数**: 使用 `function functionName([参数列表]) { 代码块 }` 的形式来定义函数。 18. **访问表单**: 可以通过 `document.forms[0]`、`document.forms[1]` 等方式访问页面中的表单。 19. **打开新窗口**: 使用 `window.open()` 打开新的浏览器窗口。 20. **关闭窗口**: 使用 `window.close()` 关闭当前窗口。 21. **设置状态栏文本**: 使用 `window.status = "文本"` 设置浏览器状态栏的文本。 22. **显示警告**: `window.alert("文本")` 用于弹出一个带有指定文本的警告框。 23. **确认对话框**: `window.confirm("文本")` 显示一个包含确认和取消按钮的对话框,并返回一个布尔值。 24. **提示框**: `window.prompt("文本")` 显示一个提示框,用户可以在其中输入文本。 25. **获取当前 URL**: `window.location.href` 获取当前页面的 URL。 26. **获取表单数量**: `document.forms.length` 获取页面上表单的数量。 27. **关闭文档**: `document.close()` 用于关闭文档流。 28. **连接操作**: `+=` 用于在原有字符串基础上添加新的内容。 29. **创建 DOM 元素**: 使用 `document.createElement()` 创建新的 DOM 元素,`document.createTextNode()` 创建文本节点。 30. **获取元素**: 使用 `document.getElementById()` 获取具有特定 ID 的元素。 31. **清空表单元素值**: 遍历表单元素并清空文本输入框的值。 32. **检查复选框**: `document.forms[0].checkThis.checked` 可以用来检查复选框是否被选中。 33. **获取复选框组**: 使用 `document.forms[0].groupName.length` 来获取复选框组的数量。 34. **获取单选按钮值**: 使用 `document.forms[0].selectName.options[n].value` 获取单选按钮的值。 35. **创建字符串对象**: `var myString = new String("This is lightsword");` 可以创建一个新的字符串对象。 36. **字符串大小写转换**: 使用 `.toUpperCase()` 和 `.toLowerCase()` 方法转换字符串的大小写。 37. **查找子字符串**: `String1.indexOf("String2") != -1` 用于检测一个字符串是否包含另一个字符串。 38. **获取指定位置的字符**: `StringA.charAt(9)` 获取字符串第 10 个位置的字符。 39. **截取字符串**: `stringA.substring(2, 6)` 截取字符串 `stringA` 从索引 2 开始到索引 5 的子串。 40. **数学函数**: JavaScript 提供了一系列内置的数学函数,如 `Math.PI` 表示圆周率 π、`Math.SQRT2` 表示根号 2、`Math.max()` 返回一组数值中的最大值、`Math.pow()` 计算幂次方、`Math.round()` 四舍五入、`Math.floor(Math.random() * (n + 1))` 生成 0 到 n 之间的随机整数。 41. **日期对象**: `var today = new Date();` 创建一个新的 `Date` 对象,表示当前时间。 42. **日期操作**: 可以使用 `Date` 对象的各种方法来获取和设置日期,如 `getTime()` 获取时间戳、`getYear()` 获取年份(注意,此方法已过时)、`getFullYear()` 获取完整的四位数年份、`getMonth()` 获取月份(0-11)、`getDate()` 获取月份中的日期(1-31)、`getDay()` 获取星期(0-6,0 表示星期天)、`getHours()` 获取小时、`getMinutes()` 获取分钟、`getSeconds()` 获取秒、`setTime(value)` 设置时间、`setYear(val)` 设置年份、`setMonth()` 设置月份等。 以上知识点涵盖了 JavaScript 的基础语法、DOM 操作、数据类型处理、字符串处理、条件与循环结构以及函数和表单操作等方面。这些内容对于理解和使用 JavaScript 至关重要,无论是在 Web 开发还是其他 JavaScript 应用场景中都非常实用。
- 粉丝: 35
- 资源: 152
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- x64dbg-development-2022-09-07-14-52.zip
- 多彩吉安红色旅游网站-JAVA-基于springBoot多彩吉安红色旅游网站的设计与实现
- 本 repo 包含使用新 cv2 接口的 OpenCV-Python 库教程.zip
- 更新框架 (TUF) 的 Python 参考实现.zip
- Qos,GCC,pacing,Nack
- 章节1:Python入门视频
- 无需样板的 Python 类.zip
- ESP32 : 32-bit MCU & 2.4 GHz Wi-Fi & BT/BLE SoCs
- 博物馆文博资源库-JAVA-基于springBoot博物馆文博资源库系统设计与实现
- 旅游网站-JAVA-springboot+vue的桂林旅游网站系统设计与实现