IP提取器对比器
需求：
一个html 页面 ，有两个输入框 第一个输入框输入文本中包含多个ip，输入的ip是不规则的，需要使用正则表达式提取出 输入文本的ip地址 ， 然后在第二个输入框中输入内容，并提取出内容的ip ，如果第一个输入框和第二个输入框中的ip有符合的 在页面中显示处理
1.输入文本框可以调大一点， 点击提取按钮后，显示三块内容，第一块显示输入文本中提取的所有ip 第二块显示输入内容提取的所有ip 第三块显示 输入文本和输入内容 中共同有的ip
<!DOCTYPE html>
<html>
<head><title>IP提取器</title><style>textarea {width: 400px;height: 200px;}</style><script>function extractIP() {var inputText = document.getElementById('inputText').value;var ipRegex = /\b(?:\d{1,3}\.){3}\d{1,3}\b/g;var extractedIPs = inputText.match(ipRegex);var inputContent = document.getElementById('inputContent').value;var contentIPs = inputContent.match(ipRegex);var matchingIPs = [];if (extractedIPs && contentIPs) {for (var i = 0; i < extractedIPs.length; i++) {if (contentIPs.includes(extractedIPs[i])) {matchingIPs.push(extractedIPs[i]);}}}document.getElementById('extractedIPs').innerText = extractedIPs ? extractedIPs.join(', ') : '无';document.getElementById('contentIPs').innerText = contentIPs ? contentIPs.join(', ') : '无';document.getElementById('matchingIPs').innerText = matchingIPs.length > 0 ? matchingIPs.join(', ') : '无';}</script>
</head>
<body><h1>IP提取器</h1><label for="inputText">输入文本:</label><br><textarea id="inputText"></textarea><br><br><label for="inputContent">输入内容:</label><br><textarea id="inputContent"></textarea><br><br><button onclick="extractIP()">提取IP</button><br><br><h3>提取的IP地址:</h3><div id="extractedIPs">无</div><h3>内容中的IP地址:</h3><div id="contentIPs">无</div><h3>共同的IP地址:</h3><div id="matchingIPs">无</div>
</body>
</html>
相关文章：
IP提取器对比器
需求： 一个html 页面 ，有两个输入框 第一个输入框输入文本中包含多个ip，输入的ip是不规则的，需要使用正则表达式提取出 输入文本的ip地址 ， 然后在第二个输入框中输入内容，并提取出内容的ip ，如…...
【Spring Boot】构建RESTful服务 — RESTful简介
RESTful简介 本节将从基础的概念开始介绍什么是RESTful、RESTful的特点、RESTful中的资源、HTTP Method、HTTP Status，还将介绍RESTful和SOAP到底有哪些区别。 1.什么是RESTful RESTful是目前流行的互联网软件服务架构设计风格。REST（Representationa…...
模仿火星科技 基于cesium+水平面积测量+可编辑
当您进入Cesium的编辑水平积测量世界，下面是一个详细的操作过程，帮助您顺利使用这些功能： 1. 创建提示窗： 启动Cesium应用，地图场景将打开，欢迎您进入编辑模式。 在屏幕的一角，一个友好的提…...
26.配电网规划——考虑潮流约束的配电网规划
MATLAB代码直达：26.多时段-考虑潮流约束的配电网规划 clc;clear;close all; %% 导入数据 load(data.mat); MGpowerxlsread(MG1-3.xlsx); % 微电网的日负荷曲线 nt3 ; % 变压所个数 Sn25; % 变电所容量 MVA G…...
【云原生】K8S集群
目录 一、调度约束1.1 POT的创建过程1.1调度过程 二、指定节点调度2.1 通过标签选择节点 三、亲和性3.1requiredDuringSchedulingIgnoredDuringExecution：硬策略3.1 preferredDuringSchedulingIgnoredDuringExecution：软策略3.3Pod亲和性与反亲和性3.4使…...
python接口自动化之自动发送测试报告邮件
前言 SMTP（Simple Mail Transfer Protocol）也就是简单邮件传输协议，是一种提供可靠且有效电子邮件传输的协议。python的smtplib模块就提供了一种很方便的途径发送电子邮件，它对smtp协议进行了简单的封装。 python发邮件主…...
umi出现“Cannot find module ‘umi-build-dev/lib/routes‘“ 错误
确认安装的 Umi 版本是否正确：首先，检查项目中 package.json 文件中的 umi 的版本号是否正确，确保版本号与项目所需的版本一致。清除缓存并重新安装依赖：可以尝试使用以下命令清除 npm 缓存并重新安装依赖： npm cache …...
Redis类型检查与命令多态
Redis中用于操作键的命令基本上可以分为两种类型。 其中一种命令可以对任何类型的键执行，比如说DEL命令、EXPIRE命令 、RENAME命令、TYPE命令、OBJECT命令等。 举个例子，以下代码就展示了使用DEL命令来删除三种不同类型的键: # 字符串键 redis> SE…...
mysql支持的xa具体指的是什么？
在MySQL中，XA指的是一种事务协议（eXtended Architecture），用于支持分布式事务。XA协议允许应用程序跨多个独立的数据库资源（例如多个MySQL实例）执行分布式事务。 具体来说，XA协议提供了以下关键…...
IntelliJ Idea 编译时控制台上中文输出乱码
猜测原因是IDEA启动时未指定编码信息，故与系统编码保持一致（windows中文系统默认为GBK编码）,当以UTF-8编码进行编译在控制台会以GBK编码输出,从而导致乱码 解决方案 指定Idea启动时JVM的默认编码为UTF-8 Help -> Edit Custom Options P…...
锚框【目标检测】
生成多个锚框 假设输入图像高为h，宽为w，我们以图像每个像素为中心生成不同形状的锚框，缩放比 s∈（0,1]，宽高比为r>0。那么锚框的宽度和高度分别为和。当中心位置给定时， 已知宽和高的锚框是确定的。缩放比为锚框高与图像高的比值，然后得到一个正方形锚框面积。 …...
001-Spring boot 启动内置Web容器分析
目录 代码入口上下文容器 加载web容器WebServercreateWebServergetWebServerFactory()：getWebServer(): 执行WebServer#start自动配置读取配置修改配置 代码入口 上下文容器 SpringApplication.run(App.class); //追踪下去发现 context createApplicationContext…...
【Cocos Creator 项目实战 】消灭星星加强版（附带完整源码工程）
本文乃Siliphen原创，转载请注明出处 目录 概述 游戏整体流程 游戏框架设计 单一职责的类 主要流程控制类 核心玩法模块 UI： 游戏世界： 本文项目的代码组织结构 作者项目实践总结 场景只有一个入口脚本 尽量少在节点上挂载脚本 构…...
2023软件测试岗必问的100个面试题【含答案】
一、测试理论 1.什么是软件测试？ 答：软件测试是通过执行预定的步骤和使用指定的数据，以确定软件系统在特定条件下是否满足预期的行为。 2.测试驱动开发（TDD）是什么？ 答：测试驱动开发是一种开…...
MediaExtractor MediaCodec手动解码播放音乐
MediaExtractor MediaCodec手动解码播放音乐,笔记 private class DecodeAudio implements Runnable {Overridepublic void run() {//开始播放pcmaudioTrack.play();MediaExtractor extractor null;MediaCodec codec null;Log.i(TAG, "run: init");FileOutputStrea…...
element表格+表单+表单验证结合运用
目录 一、结果展示 二、实现代码 一、结果展示 1、图片 2、描述 table中放form表单，放输入框或下拉框或多选框等； 点击添加按钮，首先验证表单，如果存在没填的就验证提醒，都填了就向下添加一行表单表…...
亚马逊云科技发布Amazon HealthScribe，使用生成式AI技术实现临床文档的自动生成
近日，亚马逊云科技在纽约峰会上推出了Amazon HealthScribe，该服务符合HIPAA（《健康保险流通与责任法案》）的相关要求，可为医疗软件供应商提供一种基于语音和文字识别的生成式AI技术，帮助其创建能够自动生成…...
Windows11安装Linux子系统，并实现服务自启动，局域网访问，磁盘挂载
Windows11安装Linux子系统，并实现服务自启动，局域网访问，磁盘挂载 一、准备工作二、安装Linux子系统(wsl2)三、为Linux子系统设置桥接网络检查wsl版本在 Hyper-V 管理器中创建虚拟交换机创建 WSL 配置文件启动wsl 四、设置Windows开机自启动L…...
【Git】保姆级详解：Git配置SSH Key（密钥和公钥）到github
博主简介：22级计算机科学与技术本科生一枚🌸博主主页：是瑶瑶子啦每日一言🌼: “当人们做不到一些事情的时候，他们会对你说你也同样不能。”——《当幸福来敲门》 克里斯加德纳 Git配置SSH Key 一、什么是Git?二、什么…...
离线环境conda虚拟环境备份迁移--conda pack问题
1.第一步：创建虚拟环境 conda create -n pyenv --clone base 或者 conda create -n pyenv python3.8.5 --offline 命令执行结束，在路径/xxxx/anaconda/envs 下看到pyenv 或者 conda info --envs 查看罗列虚拟环境 2.第二步：打包环境 conda …...
【第二十一章 SDIO接口(SDIO)】
第二十一章 SDIO接口 目录 第二十一章 SDIO接口(SDIO) 1 SDIO 主要功能 2 SDIO 总线拓扑 3 SDIO 功能描述 3.1 SDIO 适配器 3.2 SDIOAHB 接口 4 卡功能描述 4.1 卡识别模式 4.2 卡复位 4.3 操作电压范围确认 4.4 卡识别过程 4.5 写数据块 4.6 读数据块 4.7 数据流…...
深入理解JavaScript设计模式之单例模式
目录 什么是单例模式为什么需要单例模式常见应用场景包括 单例模式实现透明单例模式实现不透明单例模式用代理实现单例模式javaScript中的单例模式使用命名空间使用闭包封装私有变量 惰性单例通用的惰性单例 结语 什么是单例模式 单例模式（Singleton Pattern&#…...
IoT/HCIP实验-3/LiteOS操作系统内核实验(任务、内存、信号量、CMSIS..)
文章目录 概述HelloWorld 工程C/C配置编译器主配置Makefile脚本烧录器主配置运行结果程序调用栈 任务管理实验实验结果osal 系统适配层osal_task_create 其他实验实验源码内存管理实验互斥锁实验信号量实验 CMISIS接口实验还是得JlINKCMSIS 简介LiteOS->CMSIS任务间消息交互…...
docker 部署发现spring.profiles.active 问题
报错： org.springframework.boot.context.config.InvalidConfigDataPropertyException: Property spring.profiles.active imported from location class path resource [application-test.yml] is invalid in a profile specific resource [origin: class path re…...
排序算法总结（C++）
目录 一、稳定性二、排序算法选择、冒泡、插入排序归并排序随机快速排序堆排序基数排序计数排序 三、总结 一、稳定性 排序算法的稳定性是指：同样大小的样本 **（同样大小的数据）**在排序之后不会改变原始的相对次序。 稳定性对基础类型对象…...
JavaScript 数据类型详解
JavaScript 数据类型详解 JavaScript 数据类型分为 原始类型（Primitive） 和 对象类型（Object） 两大类，共 8 种（ES11）： 一、原始类型（7种） 1. undefined 定…...
华为OD机试-最短木板长度-二分法(A卷,100分)
此题是一个最大化最小值的典型例题， 因为搜索范围是有界的，上界最大木板长度补充的全部木料长度，下界最小木板长度； 即left0,right10^6; 我们可以设置一个候选值x(mid)，将木板的长度全部都补充到x，如果成功…...
消息队列系统设计与实践全解析
文章目录 🚀 消息队列系统设计与实践全解析🔍 一、消息队列选型1.1 业务场景匹配矩阵1.2 吞吐量/延迟/可靠性权衡💡 权衡决策框架 1.3 运维复杂度评估🔧 运维成本降低策略 🏗️ 二、典型架构设计2.1 分布式事务最终一致…...
自然语言处理——文本分类
文本分类 传统机器学习方法文本表示向量空间模型 特征选择文档频率互信息信息增益（IG） 分类器设计贝叶斯理论：线性判别函数 文本分类性能评估P-R曲线ROC曲线 将文本文档或句子分类为预定义的类或类别， 有单标签多类别文本分类和多…...
医疗AI模型可解释性编程研究：基于SHAP、LIME与Anchor
1 医疗树模型与可解释人工智能基础 医疗领域的人工智能应用正迅速从理论研究转向临床实践，在这一过程中，模型可解释性已成为确保AI系统被医疗专业人员接受和信任的关键因素。基于树模型的集成算法（如RandomForest、XGBoost、LightGBM）因其卓越的预测性能和相对良好的解释性…...