js操作iframe父子窗体示例
js操作iframe父子窗体示例
发布时间:2016-12-30 来源:查字典编辑
摘要:父窗体获取iframewindow.iframeIdiframe获取父窗口window.parentparent.html复制代码代码如下:...

父窗体获取iframe

window.iframeId

iframe获取父窗口

window.parent

parent.html

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

<script type="text/javascript">

function btnFn(){

window.subWin.test();

}

function get(name){

return document.getElementById(name);

}

</script>

</head>

<body>

<input id="name" type="text" value="222">

<input type="button" id="btn" value="点击"><br/>

<br/><br/>

<iframe src="sub.html" id="subWin"

name="subWin" width="100%" marginwidth="0" height="100%"

marginheight="0" scrolling="Yes" frameborder="0" valign="middle"

resize="no"></iframe>

</body>

</html>

sub.html

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

<script type="text/javascript" >

function test(){

alert(window.parent.get("name").value);//结果:222

}

</script>

</head>

<body>

我是窗体的内容

</body>

</html>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类