一款簡單實用的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>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
