document.formObject.action = "assetsStockApply.action?type=stock"

时间: 2024-02-24 16:00:42 浏览: 64

Document和Document.all区别分析

在JavaScript中，`Document` 和 `Document.all` 都是用来操作HTML文档对象的，但它们之间存在明显的区别。本文将详细解析这两个概念及其差异。 `Document` 是DOM（Document Object Model）的核心接口，它代表了整个HTML或XML文档。`Document` 对象提供了访问和操作页面内容的方法和属性，例如获取元素、创建新元素、处理事件等。例如，通过 `document.getElementById` 或 `document.querySelector` 方法，我们可以找到文档中具有特定ID或满足CSS选择器的元素。然而，`Document.all` 是一个过时的属性，它返回一个HTMLAllCollection对象，这个集合包含了文档中所有元素，除了`<base>`、`<head>`、`<html>`、`<meta>`、`<noscript>`、`<style>`和`<title>`这些不包含在内。值得注意的是，`Document.all` 不区分大小写，这意味着即便元素的标签名是大写的，如 `<INPUT>`，在 `Document.all` 中仍然可以通过小写形式（`<input>`）来访问。在示例代码中，我们看到两个按钮的点击事件处理程序分别使用了 `document.aa.innerText` 和 `document.all.aa.innerText`。第一个会报错，因为 `document.aa` 试图直接通过元素ID来访问，这要求元素必须已经定义了ID属性。而在第二个例子中，`document.all.aa` 使用了 `Document.all` 集合，即使元素没有设置name属性，它也能通过ID找到元素。这是因为 `Document.all` 不仅考虑ID，还包括元素的name属性。关于name属性的特殊性，如果HTML元素如`<a>`、`<form>`、`<img>`或`<applet>`设置了name属性，那么它们可以通过 `document` 对象的相应属性直接访问。例如，如果有一个 `<a name="linkname">`，你可以直接用 `document.linkname` 来引用它。但对于其他元素，如 `<input>`，如果它是某个 `<form>` 的子元素，我们需要通过 `formName.inputName` 来访问，而不是直接使用 `inputName`。如果不在表单内，`inputName` 可能能直接引用，否则就要借助 `document.getElementById` 或 `document.getElementsByName`。此外，对于具有ID的元素，如 `<div id="aa">`，我们通常使用 `document.getElementById("aa")` 来获取，但也可以通过 `document.all["aa"]` 或 `document.all.aa` 访问。不过，这种方法不推荐，因为它依赖于过时的IE特性，且效率较低。代码中的循环展示了如何遍历 `Document.all` 集合以获取所有元素的标签名。通过 `for` 循环和 `document.all.length`，我们可以访问每个元素并获取其 `tagName` 属性，然后将它们连接起来显示出来。总结来说，`Document` 和 `Document.all` 的主要区别在于，`Document` 是现代Web开发的标准接口，提供了更安全、更高效的方法来访问和操作文档元素，而 `Document.all` 是一个遗留的属性，主要用于兼容旧版本的Internet Explorer浏览器。在编写现代JavaScript代码时，应优先考虑使用 `Document` 提供的API，以确保最佳的跨浏览器兼容性和性能。

这是一个 JavaScript 中将表单提交到指定 URL 的方法，其中 "formObject" 是代表表单的对象，"action" 是表单对象的一个属性，表示表单提交的 URL。这个例子中，将表单提交到 "assetsStockApply.action" 这个 URL，并且通过 URL 参数的方式设置了一个名为 "type" 的参数，参数值为 "stock"。这个例子中的代码如下： ```javascript document.formObject.action = "assetsStockApply.action?type=stock"; ``` 这将会把表单提交到 "assetsStockApply.action" 这个 URL，并且带有一个名为 "type" 的参数，参数值为 "stock"。

阅读全文

document.formObject.action = "assetsStockApply.action?type=stock"

相关推荐

javascript typeof id===’string’?document.getElementById(id):id解释 原创

基于jQuery通过jQuery.form.js插件实现异步上传

Web.Design.with.JavaScript.and.the.Document.Object.Model.2005

Web.Design.with.Java script .and.the.Document.Object.Model

document.getElementById介绍

没有document.getElementByName方法

document.forms用法示例介绍

document.all[]详解

document.getElementById的一些细节

document.forms[].submit()使用介绍

document.getElementsByName()的用法

Microsoft.Office.11.0.Object.Library

使用WebBrowser.Document.InvokeScript（）来处理外部JavaScript

jquery.Mulltifile.js和jquery.form.js无刷新上传多个文件

jquery文件上传js：jquery.form.js

JS中关于document.all的详解

matplotlib-3.6.3-cp39-cp39-linux_armv7l.whl

numpy-2.0.1-cp39-cp39-linux_armv7l.whl

基于springboot个人公务员考试管理系统源码数据库文档.zip

最新推荐

JavaScript中document.referrer的用法详解

form.submit()不能提交表单的原因分析

form.submit()不能提交表单的错误原因及解决方法

Python Numpy:找到list中的np.nan值方法

图片文字识别（OCR）插件Ocrad.js教程

基于Python和Opencv的车牌识别系统实现

管理建模和仿真的文件

网络隔离与防火墙策略：防御网络威胁的终极指南

在密码学中，对称加密和非对称加密有哪些关键区别，它们各自适用于哪些场景？

我的代码小部件库：统计、MySQL操作与树结构功能

javascript typeof id===’string’?document.getElementById(id):id解释原创