document.forms用法详解
1.1概述
document.forms返回一个集合 (一个HTMLCollection对象)，包含了当前文档中的所有form元素。
1.2语法
document.forms：表示获取当前页面的所有表单 元素；
document.forms[0]：表示获取当前页面的第一个表单元素；
document.forms['exportServlet']：表示获取当前页面中name="exportServlet"的表单元素；
document.forms.submit()/document.forms[0].submit()
/document.forms['exportServlet'].submit()：表示提交函数。
1.3实例
实例——获取表单信息并提交。
$(function(){
var thisForm = document.forms[0];
console.info(thisForm.username.value);
console.info(thisForm.address.value);
document.forms[0].submit();
})
<body>
<form name="form1" >
<input type="text" name="username" value="zhangsan" />
<input type="text" name="address" value="beijing" />
</form>
<form name="form2" > </form>
<form name="form3" > </form>
</body>
分享到：
相关推荐
### JS中关于`document.all`的详解 #### 一、`document.all`简介 `document.all` 是一个只读属性，它返回一个包含文档中所有元素的类数组对象。这个特性最初是为 Internet Explorer 设计的，并且在早期版本的 IE 中...
其次，`29.javascript-document对象详解(下).txt`很可能是文档的文本版，详细解释了`document`对象的更多高级特性和方法。这可能包括`document.querySelector`和`document.querySelectorAll`，它们分别用于选择匹配...
在jQuery中，操作`document`对象通常更简洁，例如使用`$(document).ready()`来确保在页面加载完成后执行代码，或者使用`$("#id")`来选择具有特定ID的元素，这比原生JavaScript的`getElementById`更加方便。...
### JavaScript Document 对象详解 #### 一、Document 对象简介 在Web开发中，`document`对象是浏览器提供的一种能够操作HTML文档的方式。...掌握这些API的使用方法对于提高Web开发效率具有重要意义。
### 第8章 Document对象知识点详解 #### 一、Document对象概览 **Document对象**是浏览器解析HTML文档后创建的核心对象之一，它位于浏览器对象模型(BOM)与文档对象模型(DOM)的交汇点上。Document对象允许...
超清晰的document对象详解 ...通过本文，我们了解了document对象的各种属性和方法，以及images集合和forms集合的使用。这些知识点对于JavaScript开发者来说非常重要，可以帮助他们更好地访问和操作HTML文档。
- 而在Firefox等其他浏览器中，应使用 `document.forms["formName"]` 或 `document.forms['formName']`。 - 当获取同名元素时，在IE中可以使用 `document.getElementsByName("inputName")(1)` 获取第二个同名元素...
`document`对象提供了许多属性和方法来操作和访问文档的各个部分： 1. **属性**： - `alinkColor`: 活动链接的颜色。 - `all`: 只有IE支持，表示文档中所有HTML元素的数组。 - `anchors`: 包含文档中所有锚点...
- **提交表单：** 使用`document.forms[0].submit()`方法提交表单。 - **确认对话框：** 使用`confirm()`函数显示确认对话框。 #### 三、后端处理逻辑 ##### 3.1 功能概述 后端的主要任务是接收前端发送过来的数据...
34. **选择下拉列表选项**: 使用 `document.forms[0].selectName.options[n].value` 可以获取下拉列表中选项的值。例如：`var selectedValue = document.forms[0].selectName.options[selectedIndex].value;`。 35....
javascript 表单事件处理方法详解 javascript 表单事件处理方法是指在表单中使用 javascript 语言来处理用户的输入信息，并对其进行验证和处理的方法。这些方法可以帮助开发者更好地控制表单的行为，提高用户体验和...
### JavaScript-js宝典笔学习记知识点详解 #### 1. 输出语句 `document.write("")` 在JavaScript中，`document.write()` 方法用于将文本、HTML 表达式等直接写入到文档流中。通常用于页面加载时动态生成内容。例如...
使用 `document.createElement()` 和 `document.createTextNode()` 方法创建新的 DOM 元素。 **示例代码：** ```javascript const newDiv = document.createElement("div"); const newText = document....
6. **表单操作**：对于网页中的表单，`document.forms`属性可以访问所有的表单，而`document.getElementById('formId').elements`则能获取特定表单内的所有元素。 7. **链接和锚点**：`document.location`对象包含...
- 使用 `document.forms[0].selectName.options[n].value` 获取下拉列表中指定索引的值。 - 示例：`document.forms[0].mySelect.options[1].value`. 35. **创建字符串对象**: - 可以通过 `new String()` 构造...
- 处理多个表单时，可以使用`document.forms[index]`来访问特定的表单。 - **示例**： ```javascript var form = document.forms[0]; console.log(form.name); // 输出第一个表单的名称 ``` **18. 窗口操作**...
### JavaScript基础知识点详解 #### 1. 输出语句 `document.write( " ");` - **功能**: 使用`document.write()`可以在HTML文档中动态插入文本、HTML标记等。 - **语法**: `document.write("输出内容");` - **示例**...
需要注意的是，该方法只能在文档加载过程中使用，否则会覆盖整个文档。 ##### 2. 注释 ```javascript // 这是一个单行注释 ``` JavaScript 支持两种类型的注释：单行注释（使用 `//`）和多行注释（使用 `/* */`）。...
如果页面中有多个表单，可以使用 `document.forms[index]` 来引用特定的表单，例如： ```javascript var form = document.forms[0]; ``` #### 十八、窗口操作 使用 `window` 对象进行窗口操作，例如打开新窗口、...