### JavaScript 常用语句详解 #### 一、文档元素操作 **1. 创建一个文档元素** 在JavaScript中,可以使用`document.createElement()`方法来创建新的DOM元素。例如: ```javascript var newElement = document.createElement('div'); // 创建一个新的div元素 ``` **2. 创建文本节点** 可以通过`document.createTextNode()`方法来创建一个包含纯文本的文本节点。 ```javascript var textNode = document.createTextNode('Hello, World!'); // 创建一个新的文本节点 ``` **3. 获取元素** `document.getElementById()`是一个非常常用的API,用于根据元素的ID获取DOM对象。 ```javascript var element = document.getElementById('myElementId'); // 获取ID为'myElementId'的元素 ``` #### 二、表单操作 **4. 清空表单中所有文本型的成员的值** 在实际开发中,经常需要清空表单中的输入内容。以下代码展示了如何实现这一功能: ```javascript var form = document.forms[0]; for (var i = 0; i < form.elements.length; i++) { if (form.elements[i].type == "text") { form.elements[i].value = ""; } } ``` #### 三、数据类型与转换 **5. 数据类型** JavaScript支持六种基本的数据类型:`String`、`Number`、`Boolean`、`Null`、`Undefined`、`Object`以及一种引用类型`Function`。 **6. 字符串与数字之间的转换** - `parseInt()` 和 `parseFloat()` 可以将字符串转换为整数或浮点数。 - 使用加号(+)或 `Number()` 函数可以将字符串转换为数字。 - 将数字放在引号中可以将其转换为字符串。 示例: ```javascript var numStr = "123"; var num = parseInt(numStr); // 转换为整数 var floatNum = parseFloat(numStr); // 转换为浮点数 var str = "" + 123; // 转换为字符串 ``` #### 四、字符串操作 **7. 字符串大小写转换** JavaScript提供了`toUpperCase()`和`toLowerCase()`方法来转换字符串的大小写。 ```javascript var str = "Hello, World!"; var upperStr = str.toUpperCase(); // 转换为全大写 var lowerStr = str.toLowerCase(); // 转换为全小写 ``` **8. 字符串查找与截取** - `indexOf()` 方法用于查找子字符串在字符串中的位置。 - `charAt()` 方法用于获取字符串中指定位置的字符。 - `substring()` 方法用于截取字符串的一部分。 示例: ```javascript var str = "Hello, World!"; var index = str.indexOf("World"); // 查找"World"在字符串中的位置 var charAtPos = str.charAt(7); // 获取索引为7的字符 var subStr = str.substring(7, 12); // 截取从索引7到11的子字符串 ``` #### 五、条件判断与循环控制 **9. 条件判断** 使用`if...else`语句进行条件判断。 ```javascript var age = 20; if (age >= 18) { console.log("成人"); } else { console.log("未成年人"); } ``` **10. 循环结构** 使用`for`循环遍历数组或执行重复操作。 ```javascript for (var i = 0; i < 10; i++) { console.log(i); } ``` **11. 循环中止** `break`语句可以用来提前终止循环。 ```javascript for (var i = 0; i < 10; i++) { if (i === 5) { break; } console.log(i); } ``` #### 六、函数定义 **12. 定义函数** JavaScript中的函数可以使用`function`关键字定义。 ```javascript function greet(name) { console.log("Hello, " + name); } greet("Alice"); // 调用函数 ``` #### 七、窗口操作 **13. 打开新窗口** 使用`window.open()`方法可以打开一个新的浏览器窗口。 ```javascript window.open("http://www.example.com", "_blank"); ``` **14. 关闭窗口** 使用`window.close()`方法可以关闭当前窗口。 ```javascript window.close(); ``` **15. 设置状态栏文字** 使用`window.status`属性可以设置浏览器状态栏的文字。 ```javascript window.status = "Welcome to My Site!"; ``` #### 八、用户交互 **16. 弹出提示信息** 使用`alert()`函数可以向用户显示警告框。 ```javascript alert("这是一个警告信息!"); ``` **17. 显示确认对话框** 使用`confirm()`函数可以让用户确认或取消某个操作。 ```javascript if (confirm("您确定要删除吗?")) { console.log("已删除"); } else { console.log("取消删除"); } ``` **18. 显示输入对话框** 使用`prompt()`函数可以获取用户的输入。 ```javascript var name = prompt("请输入您的名字:"); console.log("您输入的名字是:" + name); ``` #### 九、其他实用技巧 **19. 输出到文档** 使用`document.write()`可以直接在文档中输出内容。 ```javascript document.write("<h1>Hello, World!</h1>"); ``` **20. 连接字符串** 使用加号(+)可以连接两个字符串。 ```javascript var str1 = "Hello"; var str2 = "World"; var fullStr = str1 + " " + str2; // 结果为 "Hello World" ``` 通过上述介绍,我们了解了JavaScript中的一些常用语法和操作方法。这些知识点对于前端开发者来说非常重要,可以帮助他们更高效地编写代码并解决实际问题。
- 粉丝: 0
- 资源: 4
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助