js操作iframe父子窗体示例

ttx9n · 发表于 2014-5-22 08:58:15

这篇文章主要介绍了js如何操作iframe父子窗体,需要的朋友可以参考下父窗体获取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="点击" onclick="btnFn();"><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" style="display: block;border:3px solid red;"></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>

白狐软件 · 发表于 2022-9-12 22:00:22

啊，数码撒飒飒飒飒

ki9ku6 · 发表于 2022-9-20 10:33:01

问问问企鹅哇哇哇哇哇

0608fv3 · 发表于 2023-3-1 12:18:22

刷刷刷刷刷刷刷刷刷刷刷刷刷刷刷

64000928 · 发表于 2023-7-13 22:23:21

啊啊啊啊啊啊啊啊啊啊啊啊啊啊

a971560 · 发表于 2023-10-16 06:05:53

那三门，你们谁寂寞才快乐撒

ppwxcg · 发表于 2023-10-28 12:28:51

天天源码论坛

5vulod · 发表于 2023-12-1 14:00:52

呵呵呵呵呵呵

wqpa63gz · 发表于 2024-3-11 04:11:38

抽根烟，下来看看再说

5cf304mn2 · 发表于 2024-3-15 17:38:27

抽根烟，下来看看再说

账号		自动登录	找回密码
密码			立即注册

[JavaScript] js操作iframe父子窗体示例

相关帖子