在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`(Inline Frame)是一种非常有用的元素,它允许我们在一个HTML文档中嵌入另一个HTML文档。这种技术常用于实现页面部分的动态加载、展示外部内容或进行页面间的通信。当我们需要从多个`iframe`...
测试页面中的iframe引用了一个本地的HTML页面“test.html”。这个页面包含了我们要获取的DOM元素——一个id为“test”的元素,内容为“我是测试页面test”。 点击链接后,应该会在浏览器中看到一个弹出框,内容是...
使用iframe框架可以在不离开当前页面的情况下打开新的页面,这对于需要在同一页面内操作多个内容块的场景非常有用。 在iframe框架中打开页面,通常涉及到HTML和JavaScript技术。这里涉及到的知识点主要包括: 1. ...
在网页开发中,有时我们需要在一个页面中嵌入另一个页面,这就是`iframe`元素的作用。`iframe`可以让网页在不离开当前页面的情况下加载其他HTML文档,从而实现内容的分块显示或者部分更新。在这个场景下,涉及到的一...
在网页设计中,`<iframe>`元素是一种非常实用的工具,它允许我们在一个网页中嵌入另一个网页,比如展示文档、视频或者地图等。当遇到"Iframe中页面显示不全"的问题时,通常是由于iframe的尺寸设置不当或者与被嵌入...
`iframe`允许我们在一个Vue应用中嵌入另一个独立的HTML文档,这对于展示第三方内容、实现某些特定功能或者处理复杂交互场景时非常有用。在Vue中使用`iframe`,我们可以直接在模板中插入`iframe`标签,并设置相应的...
在网页开发中,`iframe`(Inline Frame)是一种嵌入其他HTML文档的元素,它允许我们在一个页面中显示另一个页面的内容。本篇文章将深入探讨如何在`iframe`中调用JavaScript,实现父页面与子页面之间的方法交互。 一...
这通常涉及到跨文档通信,因为`iframe`子页面被视为一个独立的文档,它有自己的窗口对象和文档对象模型(DOM)。本文将详细讲解如何在`iframe`子页面中获取父页面元素,以及在父页面中获取`iframe`子页面的元素。 ...
标题和描述所提及的是一个具体示例,展示了如何从父页面获取`iframe`子页面中特定输入元素的值,这里我们将深入探讨这个过程以及相关的知识点。 首先,让我们了解`iframe`的基本概念。`iframe`(Inline Frame)是...
下面是一个具体的代码示例,展示了如何在父页面中改变iframe内部页面元素的背景色,并在子页面中改变父页面中元素的字体颜色: 父页面的HTML代码: ```html <!DOCTYPE ...
接下来,假设你的子页面中有一个`DateTextBox`控件,其ID为`date`,并且它的值是用户输入的日期,如`2021-11-12`: ```html ``` 现在,如果你想在父页面中获取这个`DateTextBox`的值,你可以通过JavaScript的`...
`iframe`(Inline Frame)是一种可以在HTML文档中嵌入另一个HTML文档的元素,它允许我们实现页面分隔、加载外部资源或者创建独立的浏览上下文。在本篇中,我们将深入探讨如何使用JS来操作`iframe`中的DOM。 首先,...
1. **内容聚合**:将多个页面的内容整合到一个页面中,提高用户体验,例如,新闻网站的多个栏目可以放在一个页面里。 2. **视频播放**:许多视频平台使用`IFrame`嵌入视频播放器,如YouTube、Vimeo等。 3. **隐私...
接下来,假设你有一个`iframe`元素,其`id`为`myIframe`,你可以在`iframe`内的子页面中编写JavaScript代码来响应按钮点击事件,并触发隐藏`iframe`的操作。在子页面的`<body>`标签中,添加一个按钮元素,并为其绑定...
2. **JavaScript获取Iframe引用**: - 使用`document.getElementById`方法获取Iframe元素的引用,例如:`var iframe = document.getElementById('iframeId')`,其中'iframeId'是Iframe的ID。 - 通过`...
当Panel包含一个IFrame时,可能会遇到页面高度调整的问题,特别是在动态加载内容或者IFrame内页面高度不固定时。本文将深入探讨如何在使用ExtJS时解决Panel与IFrame结合时页面高度自动适应的问题。 首先,我们需要...
一个iframe标签通常包含`src`属性,用于指定要加载的网页URL。例如: ```html <iframe id="myFrame" src="subpage.html" width="100%" height="500"></iframe> ``` 这里的`id`属性用于后续JavaScript操作中对...
然后,为其设置`src`属性,指向需要打印的页面URL,或者将其`contentDocument`或`contentWindow`指向一个包含HTML内容的Blob对象,以便在打印时使用。 ```javascript var iframe = document.createElement('iframe'...