一个页面中有两个iframe
点击左边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相关推荐
- html 两个iframe重叠,解决同一页面中两个iframe互相调用jquery,js函数的方法
这一个月又没更新博客,唉,懒癌又犯了,今天解决了一个问题,关于两个iframe互相调用jquery函数方法 a.html中有两个iframe,如下: b.html中有一个treeview,称为左菜单i ...
- 解决同一页面中两个iframe互相调用jquery,js函数
这一个月又没更新博客,唉,懒癌又犯了,今天解决了一个问题,关于两个iframe互相调用jquery函数方法 a.html中有两个iframe,如下: <iframewidth="100 ...
- java提交数据到另一个页面_JS实现把一个页面层数据传递到另一个页面的两种方式...
由于之前面试,被问到过此问题,所以今天特意整理了一下.由于自己技术水平有限,若存在错误,欢迎提出批评. 本博客整理了两种方式从一个页面层向另一个页面层传递参数. 一. 通过cookie方式 1. 传递 ...
- Android 一个页面上下两个ListView的页面显示
Android 一个页面上下两个ListView,当上面的ListView过长时,下面的List基本没有了滑动空间,查阅网上资料,解决办法基本是采用ScrollView做页面滑动,notifyData ...
- vue一个页面用两个以上页面 时时刷新
vue一个页面用两个以上页面刷新 <template><el-tabs v-model="activeName" style="padding-left ...
- HTML5怎么编辑另一个页面,html中嵌套iframe页面 如何将一个html页面中嵌入另一个html页面...
如何将一个html页面中嵌入另一个html页面 将一个html页面中嵌入另一个html页面需要使用到iframe标签. iframe标签用法: scrolling禁止鼠标滑动,frameborder嵌 ...
- 一个页面同时使用两个video标签自动播放在各个移动端浏览器存在的问题
双video标签(一个为背景,一个屏幕居中展示)在各大浏览器中存在的问题: 移动端 一.安卓端: 1.华为自带浏览器:两个视频可以同时自动播放,但自动播放时默认都是静音播放. 2.百度浏览器:上方视频 ...
- 一个页面添加两个swiper轮播
结构如下,每个'main-content'里都有一个'swiper-container'.(对于swiper插件自带的class名,我们在引用swiper的时候不要修改,如果要对样式做修改或者添加新的 ...
- layui————一个页面展示两个页签
html页面 <!DOCTYPE html> <html> <head><meta charset="utf-8"><link ...
- 从一个jsp页面跳到另一个页面的两种方式
方式1:重定向 方式2:请求转发 <%--Created by IntelliJ IDEA.User: zekeDate: 2021/9/3Time: 17:25To change this t ...
最新文章
- SQL SERVER定时备份数据库
- 如何自学python到做项目-总算明白如何通过项目学习python
- UA MATH574M 统计学习I 监督学习理论下
- 机器人学习--MATLAB官网关于机器人方面的资料
- OpenCASCADE:Direct3D CSharp 示例
- 汉语言处理包 HanLP 1.7.3 发布,常规维护版本
- 【Linux系统编程】线程堆栈大小的使用介绍
- .NET core3.0 使用Jwt保护api
- 三款新功能发布,助力阿里云表格存储再次升级
- shell脚本批量生成配置文件
- folly教程系列之:future/promise
- js控制按钮n秒后可用
- python3 模块详细解释_详解Python3中的contextvars模块
- python 成语库_README.md · 天宇之游/一个python的TK猜成语游戏 - Gitee.com
- 4019 设备树 Linux device tree 概述
- 继电器接触器控制系统应用拓展实践——“玩转”双电机
- 太极团队首发:iOS 8.3完美越狱工具发布
- C#合并文件夹中所有的txt文本文件
- ANSYS 有限元分析 概述
- APP微信支付报错《商户号该产品权限未开通,请前往商户平台产品中心检查后重试》
热门文章
- 在c语言中作为字符串结束标志是什么,字符串的结束标志是什么?
- (53条消息)MySQL在Windows上的安装流程
- CleanMyMac4.12.2最新免费的macOS电脑清理工具
- 分享几款交互UI设计软件用法,了解后再选择
- SQLserver管道的另一端无任何进程
- 计算机重装系统后黑屏,重装系统过程中电脑黑屏后修复的方法-电脑自学网
- 实例分割最全综述(上):二阶段实例分割和一阶段实例分割
- x99芯片组 服务器,X99芯片组详情:不兼容的LGA2011-3插槽,6个USB 3.0接口
- 威锋十年:叫一声「果粉」,你还敢答应吗?
- 神武临时服回服务器在那个位置,2021年6月25日游戏更新公告