当前位置:编程学习 > JS >>

js 获取iframe页面返回给父页面

一款简单实用的js 获取iframe页面返回给父页面代码,他可以利用js 获取 iframe  的值或获取父页面 值相互给其它的页面哦。

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>js 获取iframe页面返回给父页面</title>

</head>

<body>
<input id="vv" type="text" /><br />

<iframe src="cc.html" height="100" width="400" ></iframe>
</body>
</html>

cc.html

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>iframe调用文件</title>
<script language="网页特效">
 function getvalue(id,i){
  window.parent.document.getelementbyid(id).value=document.getelementbyid(i).innerhtml;
 }
</script>
</head>
<body>
<a href="javascript:void(0);" onclick="javascript:getvalue('vv','v');">返回值</a>
<div id="v">我的值给父页面</div>
</body>
</html>

补充:网页制作,js教程 
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,