如何用js获取子级iframe页面里的变量

JavaScript013

如何用js获取子级iframe页面里的变量,第1张

方法只有一种：

步骤：

1、获取iframe节点

2、获取iframe中的变量

示例

1

2

3

4

5

6

7

8

9

a.html

<iframe

id='x'

name='x'

src='b.html'/>

b.html

<script>

var

y='1'

</script>

在a.html中获取y，则可以通过以下方式

document.frames['x'].y

//先获取frame,在获取y

1、获取iframe

eg. var ifr_window = window.frames["frameName"]

2、获取iframe中的元素

eg1. 将iframe中id为elementId 的元素置为不显示：

var ifr_window = window.frames["frameName"]

ifr_window.elementId.style.display = 'none'

eg2. 获取iframe中id为listTable的表格

var oTable = window.frames["myFrame"].document.all.listTable

3、隐藏或显示表格的某列

js函数：

function setHiddenOrShowCol(oTable, iCol, type) {

for (i = 0i <oTable.rows.length i++) {

oTable.rows[i].cells[iCol].style.display = type

}

}

调用举例，将id为listTable的表格元素的第4列置为不显示：

var oTable = window.frames["myFrame"].document.all.listTable

setHiddenOrShowCol(oTable, 3, 'none')

调用举例2，将id为listTable的表格元素的第4列置为显示：

var oTable = document.frames.myFrame.document.all.listTable

setHiddenOrShowCol(oTable, 3, 'block')

jquery、contentWindow

$("#ii")[0].contentWindow

如果用jquery选择器获得iframe，需要加一个【0】；

$("#ii")[0].contentWindow.$("#dd").val()

可以在得到iframe的window对象后接着使用jquery选择器进行页面操作