frame:通过鼠标拉动两个子页面的宽度

2023-10-26

除了本文,还可以参考https://www.cnblogs.com/LT0314/p/3805393.html
1、只需要简单的frame标签即可实现鼠标拉动调整大小的效果:
<html>

<frameset cols="25%,50%,25%">
  <frame src="frame_a.htm" />
  <frame src="frame_b.htm" />
  <frame src="frame_c.htm" />
</frameset>

</html>

2、我在点击frameA中的链接,新页面在frameB中显示:
你可以在页面中设定frameB的name=“content”,然后在设定其中一个frameA的超链接<a target="content"></a>,就可以在frameB中打开超链接的内容

    <frameset cols="30%,70%"  >
        <frame src="${ctx }/admin/audit/projectSu/1" scrolling="no" />
        <frame name="content" />
    </frameset>
3、1)隐藏纵向、横向的滚动条:可以在frame中加 scrolling="no"

      2)只隐藏横向滚动条:在frame的包含页面里加入

 <style>
   html { overflow-x:hidden; }
 </style>
4、在frame里超链接到的新页面,并在整个页面显示,而不是仅仅显示在当前frame:

可以在超链接中指定 target属性,如果指定为_top,则是整个页面,也可以指定某个frame ,<a target="_top"> </a>

 
 
 
target="_blank":在新窗口中浏览新的页面。 
target="_self":在同一个窗口打开新的页面。 
target="_parent":在父窗口中打开新的页面。(页面中使用框架才有用) 
target="_top" :以整个浏览器作为窗口显示新页面。(突破了页面框架的限制)
 
 
 
5、整体思路: 

第一步:先访问controller ,跳转到framset jsp页面

	@RequestMapping("/project/{id}")
	public String auditProjectPage(Model model, @PathVariable("id") int id){
		model.addAttribute("id",id);
		return "check/test";
	}
第二步:jsp页面访问controller,返回新的frameA 的jsp页面
jsp:
%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="../common/tag.jsp"%>
<!DOCTYPE html>
<html>
    <frameset cols="30%,70%"  >
        <frame src="${ctx }/admin/audit/projectSu/${id}" scrolling="no" />
        <frame name="content" />
    </frameset>
</html>
controller:
        @RequestMapping("/projectSu/{id}")
	public String auditProjectPageSu(Model model, @PathVariable("id") int id){
		ProjectExportItem projectExportItem = projecttExportService.extractProject(id);
		List<AuditRuleMenu> rules = flawItemService.extractAllRules(id);
		model.addAttribute("project",projectExportItem);
		model.addAttribute("rules",rules);
		model.addAttribute("title","检测结果");
		return "check/projectReview";

第三步:在frameA页面链接到的新页面在frameB中显示
<a target="content"></a>


本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

frame:通过鼠标拉动两个子页面的宽度 的相关文章

  • Windows10下安装Carla及基本操作

    1 Carla介绍 一款用于自动驾驶研究的开源模拟器 2 安装依赖 首先我们需要确保电脑已安装Python3 X 在命令行中输入 pip install user pygame numpy 安装pygame和numpy模块 3 下载ZIP文
  • 回归预测

    作者简介 热爱科研的Matlab仿真开发者 修心和技术同步精进 matlab项目合作可私信 个人主页 Matlab科研工作室 个人信条 格物致知 内容介绍 采用 DNN 深度神经网络作为模型训练架构 具体如图 3 所示 模型输入 将网络训练
  • WebAssembly学习(三)——初步读取本地文件

    WebAssembly学习 三 初步读取本地文件 在之前的学习记录里面 已经实现了简单的hello word打印 在这一步学习如何利用SDL库打印图案以及加载文件 原文参考Emscripten的官网 利用SDL库打印图案 SDL库 SDL是
  • 【动态规划】背包问题(详细总结,很全)

    动态规划 一 背包问题 1 背包问题总结 1 动规四部曲 2 递推公式总结 3 遍历顺序总结 2 01背包 1 二维dp数组 代码实现 2 一维dp数组 代码实现 3 完全背包 代码实现 4 多重背包 代码实现 一 背包问题 1 背包问题总
  • Docker查看容器挂载目录

    只显示Docker容器挂载目录信息 docker inspect format Config Volumes 369a1376f78c 显示Docker容器和物理主机挂载目录信息 方法一 docker inspect f Mounts 36
  • AttributeError: module ‘faiss‘ has no attribute ‘StandardGpuResources‘

    pip install faiss gpu pip install faiss cpu 若安装了GPU版本的Faiss 仍然报以下错误 module faiss has no attribute StandardGpuResources m
  • 自动化测试只会用工具就行?真不是这样

    软件测试是对项目研发过程的产物 文档 代码等 进行审查 保障产品质量的过程 我们可以通过手工测试 自动化测试 工具扫描等方法完成这个任务 其中 自动化测试是当前重要的一种测试方法 具有响应速度快 稳定性高 人工干预少的特点 很好地契合了高响
  • 使用docker安装分布式hadoop(阿里hadoop镜像)

    前面使用了docker自带的镜像安装 那么这篇使用阿里镜像搭建hadoop集群 也参考了网上部分播客 但是多多少少有问题 我这篇播客是全部经过实践测试成功跑起来的 1 安装hadoop镜像 1 拉取镜像 拉取阿里的hadoop镜像 dock
  • OpenGL的视图变换

    OpenGL的视图变换 OpenGL 中场景进行变换 要经历一些过程 视图变换 模型变换 投影变换 然后到了窗口坐标 这几个变换开始的时候把我搞很混 这几天整理一下 一般书上把这几个变换用照相机类比 其实每个变换都是产生着一个 4x4 矩阵
  • Android DataBinding错误记录

  • readelf nm objdump 命令详解

    讲解上面三条命令之前要先了解一下ELF格式文件https blog csdn net u014608280 article details 81983055 一 readelf readelf命令可以查看ELF文件的详细信息 选项 a al
  • windows系统下设置mtu值的方法

    说起 MTU 值 可能许多朋友连听都没听说过 简单来说 我们上网时所进行的操作 都是通过传输一个又一个 数据包 来实现的 而 MTU 值就是用来设定可传输数据包的最大尺寸的 很显然 MTU 值设置得过大或过小 都会在一定程度上影响我们上网的
  • AWS EC2常见问题

    一般性问题 问 什么是 Amazon Elastic Compute Cloud Amazon EC2 Amazon Elastic Compute Cloud Amazon EC2 是一种 Web 服务 可在云中提供大小可调的计算容量 该
  • centos docker 安装mysql方法

    直接docker run mysql 会出错 如下提示 You need to specify one of MYSQL ROOT PASSWORD MYSQL ALLOW EMPTY PASSWORD and MYSQL RANDOM R
  • 电脑老是自动安装流氓软件的解决办法(详解)

    前言 我们老是被一些垃圾软件搞心态 那么这个时候怎么办呢 1 打开链接https free lanzoux com b0cpu1guf 2 点击下载合适版本 在这里我只演示以下这种的 3 解压之后可以看到以下界面 点击运行程序exe 扫描完
  • 集中式架构与分布式概念,大白话解释

    3分钟读懂系统架构演变 了解时下最火的微服务概念 本人将从大到小给你讲授系统架构的演变 此处的大小不是对比项目的大小 而是单个模块的大小 集中式架构 垂直拆分 分布式 服务治理 微服务 咱们先从最大的来 集中式架构 用我的话来讲它最大最笨重
  • 【iOS开发】生成Appicon图标、为iOS应用添加图标

    1 可以使用在线移动图标生成工具 图标工场http icon wuruihong com 网站自动生成iOS所需的所有对应格式的图标 2 如果直接选择iOS 会自动生成29pt 40pt 50pt 60pt 72pt 76pt 83 5pt
  • MinIO的安装与使用

    MinIO的安装与简单使用 简介 MinIO是一款基于Go语言发开的高性能 分布式的 开源的对象存储系统 兼容亚马逊的S3协议 对Kubernetes能够友好的支持 专为AI等云原生工作负载而设计 官网 中文官网 MinIO官网 官网中也有
  • log4j.properties 配置

    Logger级别 WARN 表明会出现潜在错误的情形 ERROR 指出虽然发生错误事件 但仍然不影响系统的继续运行 FATAL 指出每个严重的错误事件将会导致应用程序的退出 ALL 是最低等级的 用于打开所有日志记录 OFF 是最高等级的
  • 一文说清DC-DC BUCK电路(非常详细)

    目录 摘要 BUCK原理 DC DC芯片框图 自举电容 输出电感 输出电容和纹波 损耗 总结 摘要 DC DC BUCK 是硬件工程师工作中使用频率非常高的电路 可以这么说 只要板子不是迷你型的 十有八九都有DC DC 因此 对它的了解与学

随机推荐