JavaScript 编程技术详解：自定义对象、arguments、onsubmit 和 DOM
需积分: 5 44 浏览量
更新于2024-08-05
收藏 5KB MD 举报
JavaScript 编程语言基础知识点
JavaScript 是一种高级的、动态的、基于对象的脚本语言，广泛应用于 web 开发中。本文将从自定义对象、arguments 隐形参数、onsubmit 动态注册、静态注册、阻止表单提交、DOM 文档对象模型、正则表达式等方面对 JavaScript 的基础知识进行详细讲解。
自定义对象
在 JavaScript 中，可以使用 `new Object()` 或 `{}` 创建一个自定义对象。例如：
```
var myObject = new Object();
myObject.name = 'John';
myObject.age = 30;
```
或
```
var myObject = {
name: 'John',
age: 30
};
```
通过这种方式，可以创建一个具有多个属性和方法的对象。
arguments 隐形参数
在 JavaScript 中，函数可以接受可变数量的参数，这些参数可以通过 `arguments` 对象来访问。例如：
```
function add() {
var result = 0;
for (var i = 0; i < arguments.length; i++) {
if (typeof arguments[i] === 'number') {
result += arguments[i];
}
}
return result;
}
```
在上面的例子中，`arguments` 对象可以访问函数的所有参数，并将其作为一个数组来处理。
onsubmit 动态注册和静态注册
在 JavaScript 中，可以使用 `onsubmit` 事件来阻止表单提交。有两种方式来注册 `onsubmit` 事件：动态注册和静态注册。
动态注册：
```
window.onload = function() {
document.getElementById("1").onsubmit = function() {
alert("点完了");
}
}
```
静态注册：
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>onsubmit</title>
<script type="text/javascript">
function onsubmitFun() {
// 要验证所有表单项是否合法，如果，有一个不合法就阻止表单提交
alert("静态注册表单提交事件");
return false;
}
</script>
</head>
<body>
<form action="http://localhost:8080" method="get" onsubmit="return onsubmitFun()">
<input type="submit" value="都可以">
</form>
</body>
</html>
```
在上面的例子中，使用 `onsubmit` 事件来阻止表单提交，并弹出警告框。
DOM 文档对象模型
DOM（Document Object Model）是 HTML 和 XML 文档的编程接口，提供了对文档的访问和修改能力。例如：
```
var element = document.getElementById("myElement");
element.innerHTML = "Hello World!";
```
在上面的例子中，使用 `document.getElementById` 方法来获取一个 HTML 元素，并将其 innerHTML 属性设置为 "Hello World!"。
正则表达式
正则表达式是一种模式匹配语言，用于字符串的匹配和替换。例如：
```
var regex = /hello/i;
var str = "Hello World!";
if (str.match(regex)) {
alert("找到匹配项！");
}
```
在上面的例子中，使用正则表达式 `/hello/i` 来匹配字符串 "Hello World!"，并弹出警告框。
本文对 JavaScript 的基础知识进行了详细讲解，涵盖了自定义对象、arguments 隐形参数、onsubmit 动态注册、静态注册、阻止表单提交、DOM 文档对象模型、正则表达式等方面的内容，为读者提供了一个系统的 JavaScript 编程基础知识体系。
157 浏览量
点击了解资源详情
301 浏览量
科技是第一生产力
- 粉丝: 3
我的内容管理
展开
最新资源
- 网上银行电子支付：安全漏洞与防范策略剖析
- C++中sizeof运算符的详细解析
- C++ sizeof详解：变量存储大小与类型计算
- JDBC全解析：MySQL, MSSQL, Oracle连接详解
- IBM WebSphere MQ与C#交互指南
- Cognos BI产品：企业决策分析的全能解决方案
- Shell脚本与正则表达式大全
- Rave Reports Borland 5.0开发者指南：入门与组件详解
- Wicket开发全面指南
- JSP实现动态彩色验证码生成与刷新源代码
- J2EE开发技术手册：平台搭建与规范
- Struts快速入门与安装教程：MVC架构详解
- Debian维护人员完全指南
- 构建企业WWW服务器：从基础到高级配置
- Windows Internet Name Service (WINS) 服务器的配置与作用
- 企业DHCP服务器配置与应用详解
