当前位置：首页 > news >正文

JavaScript(JS)的对象

news 2025/11/7 8:24:59

1.array 数组对象

2.String 字符串对象

3.JSON 对象（数据载体，进行数据传输）

4.BOM 浏览器对象

5.DOM 文档对象（了解）

1.array 数组对象

定义方式1：var 变量名 = new Array(元素列表);

定义方式2：var 变量名 = [元素列表]; 注：中括号

特点：长度可变类型可变

数组常用方法：

forEach()

遍历数组中的每个有值的元素,并调用一次传入的函数

Push()

将新元素添加到数组的末尾,并返回新的长度

Splice()

从数组中删除元素

ES6 箭头函数：(…) => {…}

简化函数定义

2.String 字符串对象

方式1：var 变量名 = new String("…");

方式2：var 变量名 = "…";

注：" 和 ' 都可以定义字符串

常用方法：

charAt()	返回在指定位置的字符
IndexOf()	检索字符串
Trim()	去除字符串两边的空格
Substring()	提取字符串中两个指定的索引号之间的字符

3.JSON 对象（数据载体，进行数据传输）

JS自定义对象定义格式：

Var 对象名 = {

属性名1: 属性值1,

…

函数名称：function(形参列表){ }

};

省略后：函数名称(形参列表){ }

案例：

调用格式：

对象名.属性名;

对象名.函数名();

JSON：

定义(JSON字符串)：

var 变量名 = '{"key1": value1, "key": value2}';

补：数组(方括号中)

对象(花括号中)

案例：

var userStr = '{"name": "Alice","age": 16, "addr": ["天空之城", "天之彼方", "恶魔城"]}'

JSON字符串转为JS对象

var jsObject = JSON.parse(userStr);

JS对象转为JSON字符串

var jsonStr = JSON.stringify(jsObject);

4.BOM 浏览器对象

1.window:浏览器窗口对象

获取：

window.alert("Hello Window");

alert("Hello Window"); window. 可以省略

方法：

alert();	显示带有一段消息和一个确认按钮的警告框
confirm();	显示带有一段消息和确认按钮和取消按钮的对话框
setlnterval();	按照指定的周期(以毫米计)来调用函数或计算表达式
setTimeout();	在指定的毫秒数后调用函数或计算表达式

案例：

2.location：地址栏对象

获取：

使用window.location获取，其中window. 可以省略

window.location.属性;

location.属性;

属性：

href：设置或返回完整的URL

案例：

5.DOM 文档对象（了解,Vue3可代替）

作用：获取元素对象，然后为进行操作元素做准备

将标记语言的各个组成部分封装为对应的对象，便于后续操作改变对象：

Document	整个文档对象例：<html>
Element	元素对象例：<a>,<div>,<body>…
Attribute	属性对象例：href="…"
Text	文本对象就是内容的文字等
Comment	注释对象

通过DOM操作，对HTML进行操作：

1.改变HTML元素的内容

2.改变HTML元素的样式（CSS）

3.对HTML DOM事件做出反应

4.添加和删除HTML元素

Document对象中提供了获取Element元素对象的函数：

1.根据id 属性值获取，返回单个Element对象

var h1 = document.getElementById('h1');

2.根据标签名称获取，返回Element对象数组

var divs = document.getElementsByTagName('div');

3.根据name属性值获取，返回Element对象数组

var hobbys = document.getElementsByName('hobby');

4.根据class属性值获取，返回Element对象数组

var clss = document.getElementsByClassName('cls');

最后在网站上找对应标签的函数(方法)进行操作实现.

参考书网站：JavaScript 和 HTML DOM 参考手册

事件监听

常见事件：

onclick	鼠标单击事件
onblur	元素失去焦点
onfocus	元素获得焦点
onload	某个页面或图像被完成加载
onsubmit	当表单提交时触发该事件
onkeydown	某个键盘的键被按下
onmouseover	鼠标被移到某元素上
onmouseout	鼠标从某元素移开

实现操作：

JavaScript(JS)的对象

目录 1.array 数组对象 2.String 字符串对象 3.JSON 对象（数据载体，进行数据传输） 4.BOM 浏览器对象 5.DOM 文档对象（了解） 1.array 数组对象定义方式1：var 变量名 new Array(元素列表); 定义方式…...

编程日记 2024/12/5 0:19:28

基于BM1684的AI边缘服务器-模型转换，大模型一体机

介绍我们属于SoC模式，即我们在x86主机上基于tpu-nntc和libsophon完成模型的编译量化与程序的交叉编译，部署时将编译好的程序拷贝至SoC平台（1684开发板/SE微服务器/SM模组）中执行。注：以下都是在Ubuntu20.04系统上操…...

编程日记 2024/12/5 0:14:23

git推送多个仓库

在 Git 中，可以通过添加多个远程仓库来实现一次 git push 推送到多个仓库，比如同时推送到 Gitee 和 GitHub。以下是详细的设置步骤： 1. 添加多个远程仓库假设你的项目已经有一个远程仓库（例如 GitHub），你…...

编程日记 2024/12/5 0:13:21

Matlab mex- setup报错—错误使用 mex，未检测到支持的编译器...

错误日志： 在使用mex编译时报错提示：错误使用 mex，未检测到支持的编译器。您可以安装免费提供的 MinGW-w64 C/C 编译器；请参阅安装 MinGW-w64 编译器。有关更多选项，请访问https://www.mathworks.com/support/compile…...

编程日记 2024/12/5 0:12:20

PostgreSQL认证培训需要什么条件

PostgreSQL认证培训通常没有严格的前置条件，但以下几点可以帮助你更好地准备和通过认证考试： 1、基础知识：具备基本的数据库知识和经验，特别是对SQL有一定的了解。如果你Oracle、MySQL等基础知识，对对你学习PostgreSQ…...

编程日记 2024/12/5 0:11:19

Oracle—系统包使用

文章目录系统包dbms_redefinition 系统包 dbms_redefinition 功能介绍：该包体可以实现将Oracle库下的表在线改为分区结构或者重新定义； 说明：在检查表是否可以重定义和开始重定义的过程中，按照表是否存在主键，参数 o…...

编程日记 2024/12/5 0:07:14

【排序用法】.NET开源 ORM 框架 SqlSugar 系列

💥 .NET开源 ORM 框架 SqlSugar 系列 🎉🎉🎉 【开篇】.NET开源 ORM 框架 SqlSugar 系列【入门必看】.NET开源 ORM 框架 SqlSugar 系列【实体配置】.NET开源 ORM 框架 SqlSugar 系列【Db First】.NET开源 ORM 框架 SqlSugar 系列…...

编程日记 2024/12/5 0:05:12

【SpringBoot】整合篇

1、log4j2 第一步，导入依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> <exclusions> <exclusion> <…...

编程日记 2024/12/5 0:04:11

写入json和读取json文件

/// <summary> ///写入文件 /// </summary> /// <param name"Stns"></param> /// <returns></returns> public ActionResult WriteJsonFile(string Stns) { strin…...

编程日记 2024/12/5 0:01:07

Vuex的理解及使用场景

Vuex 是 Vue.js 应用中一个专门为状态管理而设计的库，它基于 Fluts 和 Redux 的模式。Vuex 提供了一种集中式存储管理所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。以下是 Vuex 的理解及使用场景： Vuex 的理解核心概…...

编程日记 2024/12/4 23:52:58

– 文本方式查看几何数据 SELECT ST_AsText(geom)FROM nyc_streets WHERE name ‘Avenue O’; – 计算紧邻的街区 SELECT name,ST_GeometryType(geom) FROM nyc_streets WHERE ST_DWithin( geom,ST_GeomFromText(‘LINESTRING(586782 4504202,586864 4504216)’,26918),0.1); …...

编程日记 2024/12/4 23:51:57

Qt 窗口类型、窗口标志和窗口属性

一、窗口类型 Qt 窗口标志枚举类型用于指定小部件的各种窗口系统属性。其中一些标志取决于底层窗口管理器是否支持它们。以下是窗口类型： Qt::QWidget：这是 QWidget 的默认类型。如果它们有父级，这种类型的部件是子部件，如果没有父控件，则为独立窗口。Qt::Window：通常具…...

编程日记 2024/12/4 23:49:54

相机学习笔记——工业相机的基本参数

0、相机分类图像颜色不同可以分为黑白相机和彩色相机：相同分辨率下，黑白工业相机相比彩色工业相机精度更高，检测图像边缘时，黑白工业相机成像效果更好。芯片类型不同可以分为CCD相机和CMOS相机：CCD工业相机具有体积小…...

编程日记 2024/12/4 23:48:54

MATLAB - ROS2 ros2genmsg 生成自定义消息（msg/srv...）

系列文章目录前言语法 ros2genmsg(folderpath)ros2genmsg(folderpath,Name=Value) 一、说明 ros2genmsg(folderpath) 通过读取指定文件夹路径下的 ROS 2 自定义信息和服务定义来生成 ROS 2 自定义信息。函数文件夹必须包含一个或多个 ROS 2 软件包。这些软件包包含 .msg 文…...

编程日记 2024/12/4 23:47:52

【Git 操作】-- 将 fork master 分支的最新commit更新到自己的仓库

目录 1.举例 2. 配置上游仓库（Upstream） 3. 获取上游仓库的更新 4. 切换到你自己的 master 分支 5. 合并上游仓库的 master 分支 6. 解决冲突（如果有的话） 7. 推送更新到你自己的 GitHub 仓库 1.举例当我们从 github 的 h…...

编程日记 2024/12/4 23:46:51

[高等数学学习记录] 泰勒公式

1 知识点 1.1 要求为简化计算, 通常用多项式近似表达复杂函数: 设函数 f ( x ) f(x) f(x) 在含有 x 0 x_0 x0 的开区间内具有 ( n 1 ) (n1) (n1) 阶导数, 试找出一个关于 ( x − x 0 ) (x-x_0) (x−x0) 的 n n n 次多项式 p n ( x ) p_n(x) pn(x) 近似表达 f…...

编程日记 2024/12/4 23:45:50