`
jie_bosshr
  • 浏览: 143134 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

iframe引用一个页面并且获取页面的内容

阅读更多
在a页面采用iframe引用一个页面,此页面为列表页面,在列表页面选择一条记录后,获取当前选中记录的信息。
a页面code:
<iframe id="signalDicpPage" name="signalDicpPage" width="100%" height="100%" frameborder="0" scrolling="no" src="b.jsp"></iframe>
b页面:
一个table,id为signalTable,包含了多行记录,每行的第一个单元格都为复选框并且id为checkSignalDicp
在b页面中获取选中行的单元格内容js:
var rows; //定义当前选中的行
var obj = document.getElementsByName("checkSignalDicp"); //获取选中的所有复选框
var j=0; //选中的行数
for(var i=0; i<obj.length; i++)
{
if(obj[i].checked){
j++;
//得到选中的行
rows = document.getElementById("signalTable").rows[i+1];
}
}
//如果没有选中记录,则提示需要选中记录,如果选中的行数为多行,则提示只能选择一行数据。
if(j==0){
alert("请先选中记录");
}else if(j>1){
alert("只能选择一行记录!");
}else{
//获取选中行的记录
var cell1 = rows.cells[1].innerHTML.trim(); //获取第1个单元格的内容,随后依次类推。
}

b页面可以定义一些全局变量并且得到单元格的内容;
a页面可以调用b页面的js函数,也可以调用b页面的变量。

函数调用:根据iframe的id来进行获取document.getElementById("signalDicpPage").contentWindow.函数名()
变量调用:根据iframe的id来进行获取document.getElementById("signalDicpPage").contentWindow.变量名
分享到:
评论

相关推荐

    多个iframe 获取 值

    在网页开发中,`iframe`(Inline Frame)是一种非常有用的元素,它允许我们在一个HTML文档中嵌入另一个HTML文档。这种技术常用于实现页面部分的动态加载、展示外部内容或进行页面间的通信。当我们需要从多个`iframe`...

    Jquery方式获取iframe页面中的 Dom元素

    测试页面中的iframe引用了一个本地的HTML页面“test.html”。这个页面包含了我们要获取的DOM元素——一个id为“test”的元素,内容为“我是测试页面test”。 点击链接后,应该会在浏览器中看到一个弹出框,内容是...

    在vue中实现嵌套页面(iframe)

    `iframe`允许我们在一个Vue应用中嵌入另一个独立的HTML文档,这对于展示第三方内容、实现某些特定功能或者处理复杂交互场景时非常有用。在Vue中使用`iframe`,我们可以直接在模板中插入`iframe`标签,并设置相应的...

    在iframe框架中打开页面的方法

    使用iframe框架可以在不离开当前页面的情况下打开新的页面,这对于需要在同一页面内操作多个内容块的场景非常有用。 在iframe框架中打开页面,通常涉及到HTML和JavaScript技术。这里涉及到的知识点主要包括: 1. ...

    用js互相调用iframe页面内的js函数

    在网页开发中,有时我们需要在一个页面中嵌入另一个页面,这就是`iframe`元素的作用。`iframe`可以让网页在不离开当前页面的情况下加载其他HTML文档,从而实现内容的分块显示或者部分更新。在这个场景下,涉及到的一...

    iframe中页面显示不全1

    在网页设计中,`&lt;iframe&gt;`元素是一种非常实用的工具,它允许我们在一个网页中嵌入另一个网页,比如展示文档、视频或者地图等。当遇到"Iframe中页面显示不全"的问题时,通常是由于iframe的尺寸设置不当或者与被嵌入...

    在iframe中调用js父页面和子页面方法

    在网页开发中,`iframe`(Inline Frame)是一种嵌入其他HTML文档的元素,它允许我们在一个页面中显示另一个页面的内容。本篇文章将深入探讨如何在`iframe`中调用JavaScript,实现父页面与子页面之间的方法交互。 一...

    iframe子页面获取父页面元素的方法

    这通常涉及到跨文档通信,因为`iframe`子页面被视为一个独立的文档,它有自己的窗口对象和文档对象模型(DOM)。本文将详细讲解如何在`iframe`子页面中获取父页面元素,以及在父页面中获取`iframe`子页面的元素。 ...

    iframe父页面获取子页面参数的方法

    标题和描述所提及的是一个具体示例,展示了如何从父页面获取`iframe`子页面中特定输入元素的值,这里我们将深入探讨这个过程以及相关的知识点。 首先,让我们了解`iframe`的基本概念。`iframe`(Inline Frame)是...

    原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法

    下面是一个具体的代码示例,展示了如何在父页面中改变iframe内部页面元素的背景色,并在子页面中改变父页面中元素的字体颜色: 父页面的HTML代码: ```html &lt;!DOCTYPE ...

    iframe父页面获取子页面参数的方法.docx

    接下来,假设你的子页面中有一个`DateTextBox`控件,其ID为`date`,并且它的值是用户输入的日期,如`2021-11-12`: ```html ``` 现在,如果你想在父页面中获取这个`DateTextBox`的值,你可以通过JavaScript的`...

    JS操作iframe里的dom(实例讲解)

    `iframe`(Inline Frame)是一种可以在HTML文档中嵌入另一个HTML文档的元素,它允许我们实现页面分隔、加载外部资源或者创建独立的浏览上下文。在本篇中,我们将深入探讨如何使用JS来操作`iframe`中的DOM。 首先,...

    IFrame AND window对象

    1. **内容聚合**:将多个页面的内容整合到一个页面中,提高用户体验,例如,新闻网站的多个栏目可以放在一个页面里。 2. **视频播放**:许多视频平台使用`IFrame`嵌入视频播放器,如YouTube、Vimeo等。 3. **隐私...

    jquery点击按钮隐藏父页和引用页的iframe

    接下来,假设你有一个`iframe`元素,其`id`为`myIframe`,你可以在`iframe`内的子页面中编写JavaScript代码来响应按钮点击事件,并触发隐藏`iframe`的操作。在子页面的`&lt;body&gt;`标签中,添加一个按钮元素,并为其绑定...

    javascript经典特效---Iframe页面的滚动.rar

    2. **JavaScript获取Iframe引用**: - 使用`document.getElementById`方法获取Iframe元素的引用,例如:`var iframe = document.getElementById('iframeId')`,其中'iframeId'是Iframe的ID。 - 通过`...

    ext使用--Panel和iframe联合使用时页面高度的解决方法

    当Panel包含一个IFrame时,可能会遇到页面高度调整的问题,特别是在动态加载内容或者IFrame内页面高度不固定时。本文将深入探讨如何在使用ExtJS时解决Panel与IFrame结合时页面高度自动适应的问题。 首先,我们需要...

    js-iframe-传值调用实例代码

    一个iframe标签通常包含`src`属性,用于指定要加载的网页URL。例如: ```html &lt;iframe id="myFrame" src="subpage.html" width="100%" height="500"&gt;&lt;/iframe&gt; ``` 这里的`id`属性用于后续JavaScript操作中对...

    js iframe 打印 打印预览 页眉页脚的设置

    然后,为其设置`src`属性,指向需要打印的页面URL,或者将其`contentDocument`或`contentWindow`指向一个包含HTML内容的Blob对象,以便在打印时使用。 ```javascript var iframe = document.createElement('iframe'...

Global site tag (gtag.js) - Google Analytics