JavaScript基础与DOM操作总结

本文主要汇总了关于JSP和JavaScript的基础知识，涵盖了字符串处理、变量声明、DOM操作、流程控制以及窗口交互等多个方面。 在JavaScript中，获取字符串的长度使用`.length`属性，例如`str.length`可以得到字符串`str`的字符数。字符串连接通常通过`+`操作符实现，例如`str1 + str2`会合并两个字符串。JavaScript的比较操作符包括`==`（等于）、`!=`（不等于）、`>`（大于）、`>=`（大于等于）、`<`（小于）和`<=`（小于等于）。声明变量使用关键字`var`，如`var myVar = value`。 在DOM（文档对象模型）操作中，HTML文档结构可以表示为`document -> html -> (head, body)`，而整个浏览器环境的DOM结构始于`window`，它包含`navigator`、`screen`、`history`、`location`和`document`等子对象。通过`document.getElementById("id")`可以获取指定ID的元素，然后可以通过`.name`或`.value`等属性进行访问或修改。例如，要改变某个输入元素的值并转换为大写，可以使用`document.getElementById("output").value = document.getElementById("input").value.toUpperCase()`。 JavaScript的基本数据类型包括`String`、`Number`、`Boolean`、`Null`、`Object`和`Function`。对于数值转换，有`parseInt()`用于整数转换，`parseFloat()`用于浮点数转换，而将任意值转换为字符串可以使用`(String)`。 流程控制方面，`if...else`用于条件判断，`for`循环按照特定条件执行代码块，`break`用于跳出循环，`function`定义函数，`functionName([参数])`。在表单处理中，可以使用`document.forms[index]`访问表单，`index`是表单的索引位置。 窗口交互函数包括`window.open()`打开新窗口，`window.close()`关闭当前窗口，`window.self`引用当前窗口，`window.status`设置状态栏文本，`window.alert()`显示警告对话框，`window.confirm()`显示确认对话框，`window.prompt()`显示输入对话框。页面跳转则通过`window.location.href`实现，例如`window.location.href = "/blog/URL"`。 获取表单数量使用`document.forms.length`，结束文档输出使用`document.close()`，赋值操作经常使用`+=`来累加，创建新的HTML元素和文本节点分别通过`document.createElement()`和`document.createTextNode()`，而获取元素的父节点或子节点可利用DOM方法。 这些知识是学习JSP和JavaScript开发的基础，掌握它们有助于理解和构建动态Web应用程序。