JavaScript根据访问链接不同的后缀参数,展示不同的页面

news/2025/2/11 16:54:21/文章来源:https://www.cnblogs.com/chig/p/18710098

要求:根据访问者访问不同的后缀链接,展示不同的页面;

$(document).ready(function () {// 获取 URL 参数const urlParams = new URLSearchParams(window.location.search);const page = urlParams.get('page') || 'model'; // 默认显示第一个导航项(比分)的内容和图标$('.tab-content#' + page).addClass('active');$('.nav-item[data-tab="'+page+'"]').addClass('active');$('.nav-item[data-tab="'+page+'"] .nav-icon').attr('src', 'static/icon_ai_s.png');})

效果实例1:带参数 assist;

 效果实例2:带参数 model;

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/882150.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

内外网文件传输方案

文件传输问题:企业内网和外网分开了,如何进行文件快速有效稳定的传输呢?如何 进行文件交换、在线审批、在线审计呢?如何保证安全可控的文件传输、性能及扩展性强、审批审计便捷呢?常见痛点有哪些?纸质申请、线下审批、传递效率很慢,传递成本高, 纸质单据与电子文件脱节…

H3C--堆叠(IRF)

拓扑图 配置流程 配置SW1与SW2堆叠 一、SW1:shutdown 物理端口 配置堆叠优先级,优先级高的成为主设备 创建堆叠逻辑接口,将物理接口加入到堆叠逻辑接口中二、SW1: sysname SW1#irf member 1 priority 6#irf-port 1/1 port group interface FortyGigE1/0/53 port group int…

JavaScript判断iPhone型号机型及iPhone版本Identifier对照

要求:根据用户安装App后,返回的设备型号,判断iPhone版本 实现代码:function getModelValue(last_model) {// 如果last_model不包含"iPhone",则直接返回原值if (!last_model.includes(iPhone)) {return last_model;}// 定义子字符串和对应值的全面映射const mode…

linux部署nacos集群

本次部署 3个nacos节点,然后一个负载均衡器(nginx)代理3个Nacos。集群部署按照前述,做好数据库脚本的初始化、防火墙策略的设置。安装jdk 解压jdk文件 cd /data/soft tar -zxvf jdk-23_linux-x64_bin.tar.gz修改环境变量 vi /etc/profile#install JAVA JDK export JAVA_HOM…

本地部署 Browser-Use WebUI + 本地部署 DeepSeek 实现浏览器AI自动化

前一版采用的是 Deepseek 官方API,由于最近比较火,可能遇到服务器繁忙导致运行不成功,这一版选择通过 Ollama 本地部署的模型 一、安装部署(已安装 python3.11 或以上版本、playwright) 1.下载最新源码包(v1.4及以上版本),解压 https://github.com/browser-use/web-ui/…

QComboBox样式设置

参考 https://blog.csdn.net/xiaopei_yan/article/details/107404698相关qss代码QComboBox{border:1px solid rgb(174,174,174);border-radius: 0;padding-left: 15px;font-size:10pt; } QComboBox::drop-down {subcontrol-origin: padding;subcontrol-position: top right;w…

零售行业数据分析工作模式革新

在零售行业,干数据分析和汇报的小伙伴肯定懂,每个月、每季度、每年都要做各种报告往上交。随着公司业务的拓展,销售的类目从几种到几十种,甚至到上百种,数据量也不断往上涨。以前做个Excel表、画几张图就能搞定的事情,现在光是整理这些数据就够让人头疼了,更别说还要从中…

Shiro中UnavailableSecurityManagerException解决方案

前言 大家好,我是小徐啊。spring boot默认使用spring security,spring security自然不用说是一个强大的安全框架,但是用惯了shiro,一时半会用不来spring security,所以要在spring boot中自己整合shiro。 但是,我遇到了一个报错:UnavailableSecurityManagerException,搜…

网络流 笔记

本文原在 2024-07-22 10:17 发布于本人洛谷博客。 一、定义与性质 1. 基本定义 从水厂出发,有很多节点和水管,节点不能存水,但容量无限,水管有容量上限,全部水管最终经过某些节点都会流向某个工厂里,问最多同时能给工厂发多少水? 流网络:这张图。 源点:水厂。 汇点:工…

CentOS7 - firewalld只允许国内ip访问

firewalld只允许国内ip访问 #查看public区域大致情况 firewall-cmd --zone=public --list-all #获取china ip源 wget --no-check-certificate -O- http://ftp.apnic.net/apnic/stats/apnic/delegated-apnic-latest | awk -F\| /CN\|ipv4/ { printf("%s/%d\n", $4, 32…

2025 寒假集训 第二期

2025 寒假集训 第二期 J - Shift and Flip 题意:给出两个 \(01\) 串 \(A,B\) ,要求使两串相等,可以执行以下三种操作将 \(A\) 左移一个单位 将 \(A\) 右移一个单位 选择一个位置 \(i\) 满足 \(B_i=1\) ,使 \(A_i\) 取反求最小操作数。 思路:不可能的情况只有当 \(B\) 全为…

为word中的图片批量添加边框

写报告时,经常会在word中插入几十张甚至是上百张图片,而为了美观,通常会为这些图片添加边框,但一个个添加显然是疯狂且愚蠢的,我们应该做一些更有效率的事情。 使用python-docx来实现我们的操作(由于各种原因,不会选择用宏) 首先观察一下图片加边框前后的文档结构变化(…