html如何实现按钮跳转,以及访问随机跳转

server/2024/10/18 22:25:19/
htmledit_views">

html如何实现按钮跳转,以及访问随机跳转。

html"><!DOCTYPE html>
<html>
<head><title>访问者跳转模拟</title><script type="text/javascript">function redirectToPort() {// 基于时间或随机数生成端口号var basePort = 800; // 起始端口号var maxPort = 802; // 最大端口号var date = new Date();var seconds = date.getSeconds(); // 获取当前秒数var portOffset = seconds % (maxPort - basePort + 1); // 计算偏移量var targetPort = basePort + portOffset; // 计算目标端口号// 构建目标URLvar targetUrl = "http://192.168.16.185:" + targetPort;// 跳转到目标URLwindow.location.href = targetUrl;}</script>
</head>
<body onload="redirectToPort();"><p>正在根据访问顺序跳转,请稍候...</p>
</body>
</html>

如果是按钮跳转的话

html"><!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><title>选择跳转端口</title>
</head>
<body><h1>请选择您要跳转的端口:</h1><button onclick="redirectToPort(800)">跳转到端口 800</button><button onclick="redirectToPort(801)">跳转到端口 801</button><button onclick="redirectToPort(802)">跳转到端口 802</button><script>function redirectToPort(port) {const targetUrl = `http://192.168.16.185:${port}`;window.location.href = targetUrl;}</script>
</body>
</html>

需求看似很冷门,实际上这个对应我上一篇文章


http://www.ppmy.cn/server/24464.html

相关文章

设计模式之状态模式

状态模式&#xff08;State Pattern&#xff09;是一种行为设计模式&#xff0c;它允许对象在其内部状态改变时改变其行为&#xff0c;对象看起来似乎修改了它的类。这种模式将状态的改变逻辑封装在独立的状态类中&#xff0c;使得对象状态的变化不会影响到对象的行为逻辑&…

Stable Diffusion WebUI 中文提示词插件 sd-webui-prompt-all-in-one

本文收录于《AI绘画从入门到精通》专栏,订阅后可阅读专栏内所有文章,专栏总目录:点这里。 大家好,我是水滴~~ 今天为大家介绍 Stable Diffusion WebUI 的一款中文提示词插件 sd-webui-prompt-all-in-one,就像它的名字一样,该插件几乎涵盖了提示词相关的所有功能。 文章内…

无人机+低空经济:释放中国低空经济动力的必要条件

无人机与低空经济的结合&#xff0c;对于释放中国低空经济动力具有重要的意义。无人机作为低空经济的重要组成部分&#xff0c;可以为低空经济提供新的动力和发展方向。以下是无人机与低空经济结合释放中国低空经济动力的必要条件&#xff1a; 1. 无人机技术的不断发展和创新&a…

再次安装pytorch

记录一下安装pytorch的过程&#xff0c;之前还写过一个《初次安装pytorch过程》&#xff0c;因为换电脑了&#xff0c;所以需要在新电脑上再装一次pytorch&#xff0c;由于是第二次装&#xff0c;所以步骤比第一次更加精简&#xff0c;而且这次是做足了功课之后装的&#xff0c…

Unity 时间格式 12小时制与24小时制

using System; using System.Collections; using System.Collections.Generic; using TMPro; using UnityEngine; using UniRx; public class DisplayTime : MonoBehaviour { //时间文本显示 [SerializeField] private TextMeshProUGUI _time; private int _timeType 0; enu…

MO干货 | Matrixone-Operator 设计与实现

作者&#xff1a;吴叶磊 MO研发工程师 目录 Part 1.MatrixOne-Operator 设计 Part 2.集群 API 设计 Part 3.控制器实现 Part 4.应用状态管理 Part 5.总结 Part 1 MatrixOne-Operator 设计 尽管 K8S 原生提供了 StatefulSet API 来服务有状态应用的编排&#xff0c;但由于…

Elasticsearch中对文章进行索引和查重

解决思路 要在Elasticsearch中对文章进行索引和查重&#xff0c;可以按照以下步骤操作&#xff1a; 安装Elasticsearch并启动服务。 安装Python的Elasticsearch客户端库&#xff0c;可以使用pip install elasticsearch命令进行安装。 编写Python代码&#xff0c;使用Elastic…

Linux信号

信号 和 信号量 有啥关系吗&#xff1f; 没有任何关系&#xff0c; 就像老婆 和 老婆饼一样。 信号的概念 我们生活中的信号 信号弹&#xff0c; 上下课铃声&#xff0c; 红绿灯&#xff0c; 发令枪&#xff0c;闹钟… a. 你怎么认识这些信号的&#xff1f; 通过后天的学习 什…