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

JavaWeb开发4

news 2026/2/10 6:47:23

JS对象 Array

Array对象用于定义数组

var 变量名=new Array(元素列表)；
var 变量名=[元素列表]

访问

arr[索引]=值；

注意：JS中数组相对于Java中集合，数组的长度是可变的，JS是弱类型，所以可以存储任意类型的数据

属性

length 设置或返回数组中元素的数量

方法

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

push() 将新元素添加到数组的末尾，并返回新的长度

splice() 从数组中删除元素

<!--文件类型为HTML-->
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>焦点访谈</title>

</head>
<body>

</body>

<script>// var arr=new Array(1,2,3,4);// var arr =[1,2,3,4];// console.log(arr[0]);
// // 长度可变，类型可变// var arr=new Array(1,2,3,4);// arr[10]=10;// arr[9]='a';// arr[8]=true;// console.log(arr);
// var arr=[1,2,3,4];// for (let index=0;index<arr.length;index++){//     console.log(arr[index]);// }
var arr=[1,2,3,4];// arr.forEach(function (e) {//     console.log(e);//// })
// // 箭头函数// arr.forEach((e)=>{//     console.log(e);// })// arr.push(1);// console.log(arr);arr.splice(2,2);console.log(arr);

</script>


</html>

JS对象 String

创建方式

var 变量名=new String("XX");
var 变量名="XX";

属性

length 字符串长度

方法

charAt() 返回在指定位置的字符

indexOf() 检索字符串

trim() 去除字符串两边的空格

substring() 提取字符串中两个指定的索引号之间的字符

<!--文件类型为HTML-->
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>焦点访谈</title>

</head>
<body>

</body>

<script>// var str=new String("SS");var str="  aa hjjg";console.log(str);
console.log(str.length);
console.log(str.charAt(1));
console.log(str.indexOf("j"));
var str1=str.trim();console.log(str1);
// 含头不含尾console.log(str.substring(0,5));

</script>


</html>

JS对象 JSON

var 对象名={

属性名1：属性值1，

属性名2：属性值2，

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

}；

调用格式

对象名.属性名；

对象名.函数名；

概念：通过JavaScript对象标记法书写的文本

由于其语法简单，层次结构鲜明，现多用于作为数据载体，在网络中进行数据传输

定义

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

value数据类型为：

数字，整型或浮点数
字符串，在双引号中
逻辑值，true/false
数组，方括号中
对象，花括号中
null

JSON字符串转为JS对象

var jsObject=JSON.parse(userStr);

JS对象转为JSON字符串

var jsonStr=JSON.stringify(jsObject);

<!--文件类型为HTML-->
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>焦点访谈</title>

</head>
<body>

</body>

<script>// // 自定义对象// var user={//     name:"asd",//     age:10,//     sex:"male",//     // eat:function () {//     //     alert("eat");//     // }//     eat(){//         alert("eat");//     }// }// alert(user.name);// user.eat();
// 定义JSONvar jsonstr='{"name":"jerry","age":18}';var obj=JSON.parse(jsonstr);alert(obj.name);alert(JSON.stringify(obj));
</script>


</html>

BOM

浏览器对象模型，允许JavaScript与浏览器对话，JavaScript将浏览器的各个组成部分封装为对象

组成

Window：浏览器窗口对象
Navigator：浏览器对象
Screen：屏幕对象
History：历史记录对象
Location：地址栏对象

Window

浏览器窗口对象

直接使用window,其中window可以省略

属性

history：对History对象的只读引用
location：用于窗口或框架的Location对象
navigator：对Navigator对象的只读引用

方法

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

Location

地址栏对象

获取

location.属性；

属性

href：设置或返回完整的url

<!--文件类型为HTML-->
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>焦点访谈</title>

</head>
<body>

</body>

<script>// window.alert("hello");// alert("123");
// var flag=confirm("are you ok?");// alert(flag);
// var i=0;// setInterval(//     function () {//         i++;//         console.log(i);//     },2000// );
// setTimeout(function () {//     alert("js");// },3000);
alert(location.href);location.href="https://www.itcast.cn";
</script>


</html>

DOM

文档对象模型

将标记语言的各个组成部分封装为对应的对象

Document：整个文档对象
Element：元素对象
Attribute：属性对象
Text：文本对象
Comment：注释对象

JavaScript通过DOM，就能对HTML进行操作

改变HTML元素的内容
改变HTML元素的样式CSS
对HTML DOM事件作出反应
添加和删除HTML元素

HTML中的Element对象可以通过Document对象获取，而Document对象是通过window对象获取的

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

var h1=document.getElementById('h1');
根据标签名称获取，返回对象数组

var divs=document.getElementByTagName('div');
根据name属性值获取，返回对象数组

var divs=document.getElementByName('hobby');

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

var divs=document.getElementByClassName('cls');

<!--文件类型为HTML-->
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>焦点访谈</title>

</head>
<body><div class="cls">船只教育</div><div class="cls">黑马程序员</div>
<input type="checkbox" name="hobby">电影<input type="checkbox" name="hobby">旅游<input type="checkbox" name="hobby">游戏
</body>

<script>// var divs=document.getElementsByTagName("div");// for(let i=0;i<divs.length;i++){//     alert(divs[i]);// }
// var ins=document.getElementsByName("hobby");// for(let i=0;i<ins.length;i++){//     alert(ins[i]);// }
// var ins=document.getElementsByClassName("cls");// for(let i=0;i<ins.length;i++){//     alert(ins[i]);// }
var ins=document.getElementsByClassName("cls");var div1=ins[0];div1.innerHTML="666";
</script>


</html>

JavaWeb开发4

JS对象 Array Array对象用于定义数组 var 变量名new Array(元素列表)； var 变量名[元素列表] 访问 arr[索引]值； 注意：JS中数组相对于Java中集合，数组的长度是可变的，JS是弱类型，所以可以存储任意类型…...

编程日记 2024/10/20 10:37:41

Git中Update和Pull的区别

在本文中，我们将介绍Git中的两个操作——”Update”和”Pull”，并解释它们之间的区别。 1、“Update”的含义和用法 “Update”是Git中用于更新本地仓库和工作区的操作。它的作用是将远程仓库中的最新变更同步到本地。当我们执行”Update”操作时&…...

编程日记 2024/10/20 10:35:39

物理安全概述

目录物理安全概念物理安全威胁物理安全威胁物理安全保护物理安全分析与防护物理安全概念我不需要通过高深的网络技术来攻击你，直接在物理层面把你干倒，不要小瞧，其实这种攻击是最致命的，你把我的电脑给入侵了，可能…...

编程日记 2024/10/20 10:34:38

引领智慧文旅新纪元，开启未来旅游新境界

融合创新科技，重塑旅游体验，智慧文旅项目定义旅游新未来在全球化的浪潮中，旅游已成为连接世界的重要纽带。智慧文旅项目，不仅仅是一次技术的革新，更是对旅游行业未来发展的一次深刻思考。信鸥科技通过运用云计算、大数…...

编程日记 2024/10/20 10:31:35

Qt开发技巧（十七）：新窗口控件用智能指针，将一些配置类变量封装起来，Qt窗体的Z序叠放，子窗体的释放，Qt中的事件发送，Qt的全局头文件

继续讲一些Qt开发中的技巧操作： 1.新窗口控件用智能指针通过对Qt自带Examples的源码研究你会发现，越往后的版本，越喜欢用智能指针QScopedPointer来定义对象，这样有个好处就是用的地方只管new就行，一直new下去&#xf…...

编程日记 2024/10/20 10:30:34

MIB消息中的参数 systemFrameNumber 000101B, subCarrierSpacingCommon scs30or120, ssb-SubcarrierOffset 6, dmrs-TypeA-Position pos2, pdcch-ConfigSIB1 { controlResourceSetZero 10, searchSpaceZero 4 }, cellBarred notBarred, intraFreqReselection allowed, sp…...

编程日记 2024/10/20 10:28:32

stm32单片机个人学习笔记9（TIM输入捕获）

前言本篇文章属于stm32单片机（以下简称单片机）的学习笔记，来源于B站教学视频。下面是这位up主的视频链接。本文为个人学习笔记，只能做参考，细节方面建议观看视频，肯定受益匪浅。 STM32入门教程-2023版细…...

编程日记 2024/10/20 10:27:31

ubuntu 安装haproxy

####安装##### sudo apt update sudo apt install haproxy sudo haproxy -v sudo systemctl status haproxy sudo cp /etc/haproxy/haproxy.cfg /etc/haproxy/haproxy.cfg-org####配置站点##### nano /etc/haproxy/haproxy.cfgfrontend www-httpbind *:5001mode httpdefault_ba…...

编程日记 2024/10/20 10:26:30

TF-A（Trusted Firmware-A）及其启动流程详解：以stm32MP1平台为例

0 参考资料 stm32官网 wiki https://www.trustedfirmware.org/ https://git.trustedfirmware.org/TF-A/trusted-firmware-a.git Trusted Firmware-A documentation ARM Power State Coordination Interface SMC Calling Convention (SMCCC) Arm System Control and Management…...

编程日记 2024/10/20 10:21:25

FL Studio 2024 发布，添加 FL Cloud 插件、AI 等功能

作为今年最受期待的音乐制作 DAW 更新之一，FL Studio 2024发布引入了新功能，同时采用了新的命名方式，从现在起将把发布年份纳入其名称中。DAW 的新增功能包括在 FL Cloud 中添加插件、AI 驱动的音乐创作工具和 FL Studio 的新效果。 FL Clou…...

编程日记 2024/10/20 10:20:24

webpack实战 | 医保服务平台信息查询 | 国密SM4 | SM2 | 逆向分析

请求头参数加密，请求参数encData用的是SM4加密，signData用的是SM2加密，响应数据用的是SM4解密请求头不要也没关系，直接搜signData，都打上断点，点击分页 signData的核心代码 o.doSignature就是4d09模块…...

编程日记 2024/10/20 10:19:23

脉冲扩散模型

论文 Spiking Diffusion Models 主要内容是提出了“脉冲扩散模型（Spiking Diffusion Models, SDMs）”，一种基于脉冲神经网络（SNN）的生成模型，旨在解决传统人工神经网络（ANN）在图像生…...

编程日记 2024/10/20 10:17:21

blender分离含有多个动作的模型，并导出含有材质的fbx模型

问题背景笔者是模型小白，需要将网络上下载的fbx模型中的动作，分离成单独的动作模型，经过3天摸爬滚打，先后使用了blender，3d max，unity，最终用blender完成，期间参考了众多网络上大佬…...

编程日记 2024/10/20 10:16:19

胤娲科技：AI大模型的隐秘战争——当“智能”成为双刃剑

当AI不再是单纯的助手想象一下，你正在训练一个AI模型，希望它能成为你的得力助手，帮你解决各种复杂问题。然而，有一天，你突然发现，这个模型不仅没有如你所愿， 反而悄悄地在代码库中埋下了“炸弹…...

编程日记 2024/10/20 10:15:18

RK平台 GPIO序号转换软件

RK平台 GPIO序号转换软件下载地址 https://download.csdn.net/download/ruidongren/89900151 链接: link...

编程日记 2024/10/20 10:14:17

UDP协议和TCP协议

UDP协议： 是一种无连接的、简单的传输层通信协议，它在IP协议（网络层）之上提供服务。特点： 无连接：在数据传输前，发送方和接收方之间不需要建立连接，可以直接发送数据。简单&…...

编程日记 2024/10/20 10:13:16

算法题总结（十三）—— 动态规划（上）

动态规划动态规划理论基础什么是动态规划动态规划，英文：Dynamic Programming，简称DP，如果某一问题有很多重叠子问题，使用动态规划是最有效的。所以动态规划中每一个状态一定是由上一个状态推导出来的&#xff…...

编程日记 2024/10/20 10:09:12

Leetcode - 周赛419

目录一，3318. 计算子数组的 x-sum I 二，3319. 第 K 大的完美二叉子树的大小三，3320. 统计能获胜的出招序列数四，3321. 计算子数组的 x-sum II 一，3318. 计算子数组的 x-sum I 本题数据范围较小，可以…...

编程日记 2024/10/20 10:08:10

C# 的两个list怎么判断是否存在交集

要判断两个 List<string>（dateList 和 LocalDate）是否有交集，可以使用 LINQ（Language Integrated Query）来简化这个过程。以下三种方法来判断两个列表之间是否有交集。方法 1: 使用 LINQ 的 Any 方法 using S…...

编程日记 2024/10/20 10:03:06

【Python】基础语法

1. 变量 1.1. 变量的创建变量的定义规则： 变量只能由数字，字母，下划线构成，不能包含特殊符号数字不能作为变量开头变量名不能和 Python 的关键字重复Python 的变量是区分大小写的除了上述的硬性规则外，还建议变量…...

编程日记 2024/10/20 10:02:04

在软件开发中正确使用MySQL日期时间类型的深度解析

在日常软件开发场景中，时间信息的存储是底层且核心的需求。从金融交易的精确记账时间、用户操作的行为日志，到供应链系统的物流节点时间戳，时间数据的准确性直接决定业务逻辑的可靠性。MySQL作为主流关系型数据库，其日期时间类型的…...

编程新知 2025/10/16 13:22:06

HBuilderX安装（uni-app和小程序开发）

下载HBuilderX 访问官方网站：https://www.dcloud.io/hbuilderx.html 根据您的操作系统选择合适版本： Windows版（推荐下载标准版） Windows系统安装步骤运行安装程序： 双击下载的.exe安装文件如果出现安全提示&…...

编程新知 2026/1/31 12:52:04

三体问题详解

从物理学角度，三体问题之所以不稳定，是因为三个天体在万有引力作用下相互作用，形成一个非线性耦合系统。我们可以从牛顿经典力学出发，列出具体的运动方程，并说明为何这个系统本质上是混沌的，无法得到一般解…...

编程新知 2025/10/19 5:14:05

成都鼎讯硬核科技！雷达目标与干扰模拟器，以卓越性能制胜电磁频谱战

在现代战争中，电磁频谱已成为继陆、海、空、天之后的 “第五维战场”，雷达作为电磁频谱领域的关键装备，其干扰与抗干扰能力的较量，直接影响着战争的胜负走向。由成都鼎讯科技匠心打造的雷达目标与干扰模拟器，凭借数字射…...

编程新知 2026/2/1 7:18:47

C++八股 —— 单例模式

文章目录 1. 基本概念2. 设计要点3. 实现方式4. 详解懒汉模式 1. 基本概念线程安全（Thread Safety） 线程安全是指在多线程环境下，某个函数、类或代码片段能够被多个线程同时调用时，仍能保证数据的一致性和逻辑的正确性&#xf…...

编程新知 2025/12/2 3:35:50

大语言模型（LLM）中的KV缓存压缩与动态稀疏注意力机制设计

随着大语言模型（LLM）参数规模的增长，推理阶段的内存占用和计算复杂度成为核心挑战。传统注意力机制的计算复杂度随序列长度呈二次方增长，而KV缓存的内存消耗可能高达数十GB（例如Llama2-7B处理100K token时需50GB内存&a…...

编程新知 2026/1/28 1:40:03

Redis的发布订阅模式与专业的 MQ（如 Kafka, RabbitMQ）相比，优缺点是什么？适用于哪些场景？

Redis 的发布订阅（Pub/Sub）模式与专业的 MQ（Message Queue）如 Kafka、RabbitMQ 进行比较，核心的权衡点在于：简单与速度 vs. 可靠与功能。下面我们详细展开对比。 Redis Pub/Sub 的核心特点它是一个发后…...

编程新知 2025/12/4 2:32:37

【C++进阶篇】智能指针

C内存管理终极指南：智能指针从入门到源码剖析一. 智能指针1.1 auto_ptr1.2 unique_ptr1.3 shared_ptr1.4 make_shared 二. 原理三. shared_ptr循环引用问题三. 线程安全问题四. 内存泄漏4.1 什么是内存泄漏4.2 危害4.3 避免内存泄漏五. 最后一. 智能指针智能指…...

编程新知 2026/1/31 8:16:58

计算机基础知识解析：从应用到架构的全面拆解

目录前言 1、计算机的应用领域：无处不在的数字助手 2、计算机的进化史：从算盘到量子计算 3、计算机的分类：不止 “台式机和笔记本” 4、计算机的组件：硬件与软件的协同 4.1 硬件：五大核心部件 4.2 软件&#…...

编程新知 2026/1/31 9:44:27

Python Einops库：深度学习中的张量操作革命

Einops（爱因斯坦操作库）就像给张量操作戴上了一副"语义眼镜"——让你用人类能理解的方式告诉计算机如何操作多维数组。这个基于爱因斯坦求和约定的库，用类似自然语言的表达式替代了晦涩的API调用，彻底改变了深度学习工程…...

编程新知 2025/10/16 12:04:52

JavaWeb开发4

JS对象 Array

JS对象 String

JS对象 JSON

BOM

Window

Location

DOM

相关文章：

JavaWeb开发4

Git中Update和Pull的区别

物理安全概述

引领智慧文旅新纪元，开启未来旅游新境界

Qt开发技巧（十七）：新窗口控件用智能指针，将一些配置类变量封装起来，Qt窗体的Z序叠放，子窗体的释放，Qt中的事件发送，Qt的全局头文件

5G 现网信令参数学习(1) - MIB

stm32单片机个人学习笔记9（TIM输入捕获）

ubuntu 安装haproxy

TF-A（Trusted Firmware-A）及其启动流程详解：以stm32MP1平台为例

FL Studio 2024 发布，添加 FL Cloud 插件、AI 等功能

webpack实战 | 医保服务平台信息查询 | 国密SM4 | SM2 | 逆向分析

脉冲扩散模型

blender分离含有多个动作的模型，并导出含有材质的fbx模型

胤娲科技：AI大模型的隐秘战争——当“智能”成为双刃剑

RK平台 GPIO序号转换软件

UDP协议和TCP协议

算法题总结（十三）—— 动态规划（上）

Leetcode - 周赛419

C# 的两个list怎么判断是否存在交集

【Python】基础语法

在软件开发中正确使用MySQL日期时间类型的深度解析

HBuilderX安装（uni-app和小程序开发）

三体问题详解

成都鼎讯硬核科技！雷达目标与干扰模拟器，以卓越性能制胜电磁频谱战

C++八股 —— 单例模式

大语言模型（LLM）中的KV缓存压缩与动态稀疏注意力机制设计

Redis的发布订阅模式与专业的 MQ（如 Kafka, RabbitMQ）相比，优缺点是什么？适用于哪些场景？

【C++进阶篇】智能指针

计算机基础知识解析：从应用到架构的全面拆解

Python Einops库：深度学习中的张量操作革命