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

网页开发如何实现简易页面跳动/跳转，html课堂练习/作业，页面ABC的相互跳转

news 2025/11/8 21:15:52

先建一个文件夹，文件夹包含三个文件夹，三个文件夹分别包含各自的代码。(可以只建一个文件夹，文件夹包含各页面代码)

页面1的代码：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title><body>
<body style="background:yellow;">
<ul><li><a href="#" target="A">页面A</a></li><li><a href="../../2/B/B.html">页面B</a></li><li><a href="../../3/C/C.html ">页面C</a></li>
</ul>
<h1>这是页面1</h1>
</body>
</html>

页面2的代码：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title><body>
<body style="background:pink;">
<ul><li><a href="../../1/A/A.html" >页面A</a></li><li><a href="#">页面B</a></h2></li><li><a href="../../3/C/C.html ">页面C</a></li>
</ul>
<h1>这是页面2</h1>
</body>
</html>

页面3的代码：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title><body>
<body style="background:cyan;">
<ul><li><a href="../../1/A/A.html">页面A</a></li><li><a href="../../2/B/B.html">页面B</a></li><li><a href="#">页面C</a></li>
</ul>
<h1>这是页面3</h1>
</body>
</html>

运行其中一个代码（例如运行页面2的代码）

Edge浏览器运行结果：

点击页面1：

再点击页面3：

网页开发如何实现简易页面跳动/跳转，html课堂练习/作业，页面ABC的相互跳转

先建一个文件夹，文件夹包含三个文件夹，三个文件夹分别包含各自的代码。(可以只建一个文件夹，文件夹包含各页面代码) 页面1的代码： <head> <meta http-equiv"Content-Type" content"text/html; charsetu…...

编程日记 2023/11/20 10:34:40

某大型房地产公司绩效面谈项目成功案例纪实

——开展有效的绩效面谈，促进和完善管理工作【客户行业】房地产行业；国有企业【问题类型】绩效面谈改进【客户背景】某大型房地产公司是某国企集团的省级分公司，集团公司现拥有北京、上海、广州、山东等8大区域公司，现有员…...

编程日记 2023/11/20 10:33:38

BGP联盟和团体属性实验

目录一、实验拓扑二、实验要求三、实验步骤 1、IP地址配置 2、ospf配置 3、BGP建邻 4、宣告网段 5、配置团体属性一、实验拓扑二、实验要求 1、按照图示配 IP 地址，R2，R3，R4，R5分别配 Loopbacke 口地址作为OSPF的Ro…...

编程日记 2023/11/20 10:32:37

代码随想录-刷题第二天

977. 有序数组的平方题目链接：977. 有序数组的平方思路：双指针思想，数组是有序的且含有负数，其中元素的平方一定是两边最大。定义两个指针，从两端开始向中间靠近，每次比较两个指针的元素平方大小&#…...

编程日记 2023/11/20 10:31:36

DAY59 503.下一个更大元素II + 42. 接雨水

503.下一个更大元素II 题目要求： 给定一个循环数组（最后一个元素的下一个元素是数组的第一个元素），输出每个元素的下一个更大元素。数字 x 的下一个更大的元素是按数组遍历顺序，这个数字之后的第一个比它更大的数&am…...

编程日记 2023/11/20 10:28:33

【如何将任何直流电机变成伺服电机】

【如何将任何直流电机变成伺服电机】 1 前沿2 伺服电机工作原理3 如何制作定制伺服电机4 AS5600 编码器 – 磁性旋转位置传感器5 定制伺服电机电路图6 PCB设计7 自定义伺服3D模型8 定制伺服齿轮箱的 3D 打印零件9 对控制器进行编程9.1 引导加载程序刻录9.2 代码上传9.3 源代码9…...

编程日记 2023/11/20 10:27:32

单片机语音芯片在工业控制中的应用优势

单片机语音芯片，这一智能化的代表产品，不仅在家庭和消费电子领域发挥着重要的作用，更为工业控制领域注入了新的活力。将单片机语音芯片与语音交互技术相结合，为工业设备的控制和监测提供了前所未有的解决方案。首先，…...

编程日记 2023/11/20 10:25:30

【开源】基于Vue.js的高校实验室管理系统的设计和实现

项目编号： S 015 ，文末获取源码。 \color{red}{项目编号：S015，文末获取源码。} 项目编号：S015，文末获取源码。目录一、摘要1.1 项目介绍1.2 项目录屏二、研究内容2.1 实验室类型模块2.2 实验室模块2.3 实…...

编程日记 2023/11/20 10:21:27

Xrdp+内网穿透实现远程访问Linux Kali桌面

XrdpCpolar实现远程访问Linux Kali桌面文章目录 XrdpCpolar实现远程访问Linux Kali桌面前言1. Kali 安装Xrdp2. 本地远程Kali桌面3. Kali 安装Cpolar 内网穿透4. 配置公网远程地址5. 公网远程Kali桌面连接6. 固定连接公网地址7. 固定地址连接测试前言 Kali远程桌面的好处在于…...

编程日记 2023/11/20 10:20:24

【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】

👨‍💻博客主页：花无缺欢迎点赞👍 收藏⭐ 留言📝 加关注✅! 本文由花无缺原创收录于专栏【洛谷算法题】文章目录【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】🌏题目描述🌏输入格…...

编程日记 2023/11/20 10:19:21

Eclipse切换中文环境

PACK包链接地址，进入后可以看到不同版本的包。要选择跟自己Eclipse版本一致的包，比如我的Eclipse启动界面如下，我就要找Helios的包（ Juno、Indigo、Helios、Kepler这些具体怎么划分的我也不清楚）。在线安装打…...

编程日记 2023/11/20 10:18:20

栈和队列概念

栈stack 栈只能在一端插入/删除元素先入后出只能从栈顶插入，栈顶删除栈底不允许插入和删除push：进栈pop：出栈应用场景： 队列 Queue 队列的插入操作称为 “入队”（Enqueue），是在队尾进行的&am…...

编程日记 2023/11/20 10:17:18

a标签下载文件与解决浏览器默认打开某些格式文件的问题

前言在实际项目中，我们通常会遇到这么一个需求：后端给前端返回一个任意文件类型的完整的url路径，前端拿到这个路径直接通过浏览器下载文件到本地。我想大家应该都会首先想到使用HTML中的<a>标签，，因为<a>…...

编程日记 2023/11/20 10:16:17

EasyCVR视频监控+AI智能分析网关如何助力木材厂安全生产？

旭帆科技有很多工厂的视频监管方案，小编也经常分享出来供大家参考。近期，又有伙伴后台私信我们想要关于木材厂的方案。针对木材厂的生产过程与特性以及安全风险等，我们来分享一下相关的监管方案： 1）温湿度监测&#xf…...

编程日记 2023/11/20 10:15:16

重命名com1.{d3e34b21-9d75-101a-8c3d-00aa001a1652}文件夹

今天在win10系统上，发现一个名称为: com1.{d3e34b21-9d75-101a-8c3d-00aa001a1652} 的文件夹，该文件夹很奇怪，既不能手动删除，也不能手动给文件夹重命名，如图(1)所示： E:\EncodeOne\hello\Thumbs.ms\com1.…...

编程日记 2023/11/20 10:14:15

springboot+activiti5.22.0集成Activiti在线流程设计器

SpringBoot集成Activiti5.22在线流程设计器文章目录 SpringBoot集成Activiti5.22在线流程设计器📝1.增加配置pom依赖增加数据库及redis配置文件📜 2.启动类ActivitiDesignApplication排除安全校验注解启动项目后将会自动在数据库中生成表 &#x1f4d8…...

编程日记 2023/11/20 10:10:11

pdf如何让多张图片在一页

pdf保存为一页六张图片的方法是： 1、打开pdf查看器,打开文档。 2、点击【打印】图标进入打印程序，选择打印范围。 3、在【打印处理】选项,选择【每张张上放置多页】。 4、自定义每页放置的图片张数为六张，并对打印排版预览设置。 5、设置打印…...

编程日记 2023/11/20 10:09:10

【C语言_题库】输入4个整数，要求按照从小到大的顺序输出

题目输入4个整数要求按照从小到大的顺序输出书上的学习辅导答案 // 主要部分 int main(){int t,a,b,c,d;printf("请输入四个数:");scanf("%d,%d,%d,%d"...

编程日记 2023/11/20 10:08:09

Cascade-MVSNet论文笔记

Cascade-MVSNet论文笔记摘要1 立体匹配（Stereo Matching）2 多视图立体视觉（Multi-View Stereo）3 立体视觉和立体视觉的高分辨率输出4 代价体表达方式（Cost volume Formulation）4.1 多视图立体视觉的3D代价…...

编程日记 2023/11/20 10:07:07

Linux调试器---gdb的使用

顾得泉：个人主页个人专栏：《Linux操作系统》《C/C》键盘敲烂，年薪百万！ 一、gdb的背景 gdb，全称为GNU调试器（GNU Debugger），是一个功能强大的源代码级调试工具，主要…...

编程日记 2023/11/20 10:05:06

Python爬虫实战：研究MechanicalSoup库相关技术

一、MechanicalSoup 库概述 1.1 库简介 MechanicalSoup 是一个 Python 库，专为自动化交互网站而设计。它结合了 requests 的 HTTP 请求能力和 BeautifulSoup 的 HTML 解析能力，提供了直观的 API，让我们可以像人类用户一样浏览网页、填写表单和提交请求。 1.2 主要功能特点…...

编程新知 2025/10/10 18:13:55

JavaSec-RCE

简介 RCE(Remote Code Execution)，可以分为:命令注入(Command Injection)、代码注入(Code Injection) 代码注入 1.漏洞场景：Groovy代码注入 Groovy是一种基于JVM的动态语言，语法简洁，支持闭包、动态类型和Java互操作性&#xff0c…...

编程新知 2025/11/7 9:55:20

Linux 文件类型，目录与路径，文件与目录管理

文件类型后面的字符表示文件类型标志普通文件：-（纯文本文件，二进制文件，数据格式文件） 如文本文件、图片、程序文件等。目录文件：d（directory） 用来存放其他文件或子目录。设备…...

编程新知 2025/11/7 10:17:55

微信小程序之bind和catch

这两个呢，都是绑定事件用的，具体使用有些小区别。官方文档： 事件冒泡处理不同 bind：绑定的事件会向上冒泡，即触发当前组件的事件后，还会继续触发父组件的相同事件。例如，有一个子视图绑定了b…...

编程新知 2025/11/7 14:07:46

docker详细操作--未完待续

docker介绍 docker官网: Docker：加速容器应用程序开发 harbor官网：Harbor - Harbor 中文使用docker加速器: Docker镜像极速下载服务 - 毫秒镜像是什么 Docker 是一种开源的容器化平台，用于将应用程序及其依赖项（如库、运行时环…...

编程新知 2025/11/7 14:07:57

【Java学习笔记】Arrays类

Arrays 类 1. 导入包：import java.util.Arrays 2. 常用方法一览表方法描述Arrays.toString()返回数组的字符串形式Arrays.sort()排序（自然排序和定制排序）Arrays.binarySearch()通过二分搜索法进行查找（前提：数组是…...

编程新知 2025/10/25 11:57:30