点击左边iframe,内容显示在右边的iframe

代码:

<script type="text/javascript">
//初始化
function initItem(){
var params="?approSeq="+<%=approSeq%>+"&proSeq="+<%=proSeq%>;
window.frames["leftFrame"].location.href = "<%=basePath %>/monitor/showLeftMonthList.action"+params;
}

</script>

<body onLoad="initItem();" >
    <!-- 左边菜单栏,显示月份 proid由此列表产生 -->
     <div style="float:left ; width:100%;">
<!-- 左侧iframe -->
    <div id="monthList"  style=" float:left ; width:18% ;  height:1400px; border:2px">
    <iframe style="position:relative;" height="100%"  id="leftFrame"  name="leftFrame" width="100%"  src=""></iframe>
    </div>
    <!-- 右侧iframe -->
    <div id="dataDetail"  style=" float:right ; width:82% ;  height:1400px; border:2px">
    <iframe style="position:relative;" height="100%"  id="rightFrame"  name="rightFrame" width="100%"  src="<%=basePath %>/monitor/noDataPage.html"></iframe>
    </div>
</div> 
  </body>

一个页面中有两个iframe相关推荐

  1. html 两个iframe重叠,解决同一页面中两个iframe互相调用jquery,js函数的方法

    这一个月又没更新博客,唉,懒癌又犯了,今天解决了一个问题,关于两个iframe互相调用jquery函数方法 a.html中有两个iframe,如下: b.html中有一个treeview,称为左菜单i ...

  2. 解决同一页面中两个iframe互相调用jquery,js函数

    这一个月又没更新博客,唉,懒癌又犯了,今天解决了一个问题,关于两个iframe互相调用jquery函数方法 a.html中有两个iframe,如下: <iframewidth="100 ...

  3. java提交数据到另一个页面_JS实现把一个页面层数据传递到另一个页面的两种方式...

    由于之前面试,被问到过此问题,所以今天特意整理了一下.由于自己技术水平有限,若存在错误,欢迎提出批评. 本博客整理了两种方式从一个页面层向另一个页面层传递参数. 一. 通过cookie方式 1. 传递 ...

  4. Android 一个页面上下两个ListView的页面显示

    Android 一个页面上下两个ListView,当上面的ListView过长时,下面的List基本没有了滑动空间,查阅网上资料,解决办法基本是采用ScrollView做页面滑动,notifyData ...

  5. vue一个页面用两个以上页面 时时刷新

    vue一个页面用两个以上页面刷新 <template><el-tabs v-model="activeName" style="padding-left ...

  6. HTML5怎么编辑另一个页面,html中嵌套iframe页面 如何将一个html页面中嵌入另一个html页面...

    如何将一个html页面中嵌入另一个html页面 将一个html页面中嵌入另一个html页面需要使用到iframe标签. iframe标签用法: scrolling禁止鼠标滑动,frameborder嵌 ...

  7. 一个页面同时使用两个video标签自动播放在各个移动端浏览器存在的问题

    双video标签(一个为背景,一个屏幕居中展示)在各大浏览器中存在的问题: 移动端 一.安卓端: 1.华为自带浏览器:两个视频可以同时自动播放,但自动播放时默认都是静音播放. 2.百度浏览器:上方视频 ...

  8. 一个页面添加两个swiper轮播

    结构如下,每个'main-content'里都有一个'swiper-container'.(对于swiper插件自带的class名,我们在引用swiper的时候不要修改,如果要对样式做修改或者添加新的 ...

  9. layui————一个页面展示两个页签

    html页面 <!DOCTYPE html> <html> <head><meta charset="utf-8"><link ...

  10. 从一个jsp页面跳到另一个页面的两种方式

    方式1:重定向 方式2:请求转发 <%--Created by IntelliJ IDEA.User: zekeDate: 2021/9/3Time: 17:25To change this t ...

最新文章

  1. SQL SERVER定时备份数据库
  2. 如何自学python到做项目-总算明白如何通过项目学习python
  3. UA MATH574M 统计学习I 监督学习理论下
  4. 机器人学习--MATLAB官网关于机器人方面的资料
  5. OpenCASCADE:Direct3D CSharp 示例
  6. 汉语言处理包 HanLP 1.7.3 发布,常规维护版本
  7. 【Linux系统编程】线程堆栈大小的使用介绍
  8. .NET core3.0 使用Jwt保护api
  9. 三款新功能发布,助力阿里云表格存储再次升级
  10. shell脚本批量生成配置文件
  11. folly教程系列之:future/promise
  12. js控制按钮n秒后可用
  13. python3 模块详细解释_详解Python3中的contextvars模块
  14. python 成语库_README.md · 天宇之游/一个python的TK猜成语游戏 - Gitee.com
  15. 4019 设备树 Linux device tree 概述
  16. 继电器接触器控制系统应用拓展实践——“玩转”双电机
  17. 太极团队首发:iOS 8.3完美越狱工具发布
  18. C#合并文件夹中所有的txt文本文件
  19. ANSYS 有限元分析 概述
  20. APP微信支付报错《商户号该产品权限未开通,请前往商户平台产品中心检查后重试》

热门文章

  1. 在c语言中作为字符串结束标志是什么,字符串的结束标志是什么?
  2. (53条消息)MySQL在Windows上的安装流程
  3. CleanMyMac4.12.2最新免费的macOS电脑清理工具
  4. 分享几款交互UI设计软件用法,了解后再选择
  5. SQLserver管道的另一端无任何进程
  6. 计算机重装系统后黑屏,重装系统过程中电脑黑屏后修复的方法-电脑自学网
  7. 实例分割最全综述(上):二阶段实例分割和一阶段实例分割
  8. x99芯片组 服务器,X99芯片组详情:不兼容的LGA2011-3插槽,6个USB 3.0接口
  9. 威锋十年:叫一声「果粉」,你还敢答应吗?
  10. 神武临时服回服务器在那个位置,2021年6月25日游戏更新公告