一个页面中有两个iframe

最新推荐文章于 2023-05-29 18:16:41 发布
最新推荐文章于 2023-05-29 18:16:41 发布
阅读量6k 收藏
点赞数
分类专栏： IFrame 相互控制 文章标签： IFrame 控制 js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/heweimingming/article/details/44152105
版权

点击左边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>

_正在学技术的胖子
关注
专栏目录
html 同一页面两iframe互传值,解决同一页面中两个iframe互相调用jquery,js函数的方法...
weixin_39717110的博客
06-03 705
解决同一页面中两个iframe互相调用jquery,js函数的方法这一个月又没更新博客，唉，懒癌又犯了，今天解决了一个问题，关于两个iframe互相调用jquery函数方法a.html中有两个iframe,如下：b.html中有一个treeview,称为左菜单iframec.html为b.html中treeview点击后显示的数据,就称为右页面iframe。既然两个页面之间都有关系，存在在a.ht...
【iframe】同一个页面两个iframe，相互访问内部内容
weixin_30730151的博客
07-04 234
1.页面b.html访问页面a.html中的laydateIn1 window.parent.$(".panel-body")[0].contentWindow.$("#laydateIn1") 2.页面a.html访问页面b.html中的c_stock window.parent.$(".panel-body")[1].contentWindow.$("#c_stock").val() ...
一个页面多个iframe赋值
weixin_30835933的博客
06-24 232
先在页面上设置一个元素： <input type=”hidden” id=”content” value={$content}> 使用前端技术获取父页面的值： $('#content, window.parent.document).val(); 转载于:https://www.cnblogs.com/niexiangyang/p/7072901.html...
【iframe】关于一个页面多个iframe,并隐藏显示的问题.
weixin_45932148的博客
03-28 2915
问题描述 提示：这里描述项目中遇到的问题： 一个页面有两个及两个以上的iframe,加载页面时,隐藏其中一个,点击显示另一个时,不执行JS. 原因分析： 可能是父页面在加载时就已经执行了.你在点击显示后,iframe页面的内容不知道加载到哪里去了. 解决方案： 动态给iframe赋src值,并在父页面中设置全局变量,只有在执行第一次的时候才去赋值,其它时候只隐藏或者显示. var tt1= false; var tt2 = false; //设置各个列表展示或者隐藏 function TestSho
主页面中的两个iframe实现鼠标拖动改变其大小
09-05
标题中的“主页面中的两个iframe实现鼠标拖动改变其大小”指的是在网页设计中，如何通过JavaScript和CSS技术，使得用户可以通过鼠标拖动来调整页面内两个iframe元素的宽度。这个功能可以提升用户体验，特别是在需要...
拖拽一个iframe中的div 在另一个iframe页面中显示
04-01
标题 "拖拽一个iframe中的div 在另一个iframe页面中显示" 描述了在Web开发中一个交互性的技术，涉及跨框架（iframe）通信和DOM操作。这个技术主要应用于创建富交互的用户界面，允许用户在不同的iframe之间传递和操作...
解决同一页面中两个iframe互相调用jquery,js函数的方法
10-20
// 假设在父页面中有一个名为parentFunction的函数 window.parent.parentFunction(); } // c.html中的一个函数调用 function changeContentInParent() { // 获取父页面中的隐藏域的值 var hiddenValue = $('#...
父页面里两个iframe之间互相访问
程序员"说书"
05-09 3341
 父页面里的代码里的两个iframe 左边的iframe 页里有控件:  在右边的iframe访问左边的Iframe里的控件 moduleidjs 代码如下: parent.frameLeft.window.document.getElementById("moduleid") 父页面访问左iframe里的控件 moduleidjs代码如下: 
一个页面有多个iframe找不到结果的问题
weixin_34161064的博客
11-16 594
前面介绍过iframe，也介绍过跨域请求，这里就不再赘述了。 今天在实际的业务中碰到了一个现象，一个erp管理系统，用到了上传图片和iframe访问其他的域名的情况，上传图片用到了ajaxfileupload，而这个上传图片的控件本身就有iframe，也就是说导致了一个页面中有2个iframe，导致我上传图片想返回操作结...
主页面实现两个iframe中元素拖动
11-12
代码实现 一个主页面、 两个子页面，子页面中元素拖动传递的效果。 注意：请使用IIS或者TOMCAT 装载 ， 本地路径打开因iframe跨域限制达不到效果！
iframe框架中实现打开多窗口方法
03-06
iframe框架中实现打开多窗口方法
多个iframe，其中一个的div能够处于最上层显示
10-24
多个iframe，其中一个frame中的隐藏div能够在最上层显示，不会挡着这个div
多个iframe 获取 值
11-18
多个iframe嵌套获取嵌套中iframe中文本或者其他的值
两个iframe同时滚动实现界面内容对比功能
最新发布
qq_30515213的博客
05-29 1002
PS：版本对比思路是（不做对比跳过），版本1、版本2两个数据存放 采用 key - value 格式 这样遍历的时候 就可以 通过 for(key in versionAyy) 来遍历，通过 key去获取另外一个数组的 内容，然后两个进行比较(当遇到多选框、复选框 只展示差异选项时，通过字符截取 获取选择项 然后逐一对比，获取差异项存放到另一个差异项数组中)，如果差异就 存放到一个差异集合，子界面再调用即可，这里就不放上来了，如有需要或者探讨可以联系我。优点，可以实现N个界面同时滚动和对比。
页面中有多个iframe的加载问题
原始新人类的专栏
01-21 3328
问题现象： 我的页面中有4个iframe，开始我是将url直接放在每个iframe的src中，但这样会有一个问题，每次页面刷新后，那4个iframe加载出现异常，有时成功，有时失败（错误提示如下），要刷新好几次才能将所有iframe的内容显示出来 Internal Server Error The server encountered an internal error and was unable to complete your request. Either the server is o.
同步滚动(两个iframe内嵌同一个html页面进行)
沈英逊的博客
01-08 4384
有时候我们在一个页面中会出现左右两个ifame，这两个iframe内嵌的html页面为相同的，只是渲染的数据不同，然后需要其同步滚动，便于进行比较，如查重。 一、功能实现： 1、在父页面js中编写触发iframe滚动高度的函数，需要分两个，分调用两个不同iframe的滚动条： /*嵌套的页面滚动*/ function scrollTopA(topNum) { /*iframe1为ifra...
同一页面的两个Iframe获取数据
LLLLLiSHI的博客
07-27 3012
首先页面： <iframe name="xxx" id="xxx" frameborder="0" src="xxxxxxx" style="margin: 0 auto; width: 100%; height: 100%;"> <iframe name="treeFrame" id="treeFrame" frameborder="0" src="xxxxxx
一个页面中使用多个iframe导致在ie中假死问题的解决方法
chenhq_的博客
01-19 6163
在我做web前端开发的时候遇到这样的情况，就是有需求是一个页面里放入多个iframe，点击tab进行跳转不同的iframe，通过iframe的隐藏和显示来实现，后来发现在谷歌等其他浏览器中是可以的，但是在ie中就会产生假死的状态，就只有一个页面显示正常，其他的页面都是空白，后来网上查了很多关于ie假死的问题，有说是jquery导致的，也有说是ie内存溢出导致，在几个iframe页面同时加载的时候i
jsp中使用两个iframe
05-18
在 JSP 页面中使用两个 iframe，可以按照以下步骤进行： 1. 在 JSP 页面中定义两个 iframe 标签，分别为 iframe1 和 iframe2，设置它们的 src 属性指向需要加载的页面： ```html <iframe id="iframe1" src="page1.jsp"></iframe> <iframe id="iframe2" src="page2.jsp"></iframe> ``` 2. 可以使用 JavaScript 动态设置 iframe 的属性，比如修改它们的宽度、高度等属性： ```javascript document.getElementById("iframe1").width = "50%"; document.getElementById("iframe2").height = "300px"; ``` 3. 可以在其中一个 iframe 中嵌套另一个 iframe： ```html <iframe id="iframe1" src="page1.jsp"> <iframe id="iframe2" src="page2.jsp"></iframe> </iframe> ``` 这样，页面加载时就会先加载 iframe1，然后在 iframe1 中加载 iframe2。 需要注意的是，使用 iframe 时需要考虑页面的性能和安全性，避免出现嵌套过深或者跨域访问等问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值