iframe 상위 및 하위 양식이 서로 호출합니다(코드 첨부).
- php中世界最好的语言원래의
- 2018-04-26 10:37:341727검색
이번에는 iframe 부모와 자식 폼 간의 상호 호출(코드 포함)에 대해 알려드리겠습니다. iframe 부모와 자식 폼이 서로 호출할 때 주의사항은 무엇인가요?
Parent form
<html>
<head>
<title>usually function</title>
</head>
<body>
<iframe src="http://www.baidu.com" ></iframe>
<iframe src="myifame.html" id="name_iframe" name="name_iframe"></iframe>
<button value="buttonvalue" id="testid">buttonvalue</button>
</body>
<html>
<script type="text/javascript" src="jquery-1.4.4.js"></script>
<script>
//contentWindow这个属性，相当于获取iframe网页里面的window对象
$(function(){
//父窗体获取子窗体的变量
alert(document.getElementById("name_iframe").contentWindow.vname);//父窗体获取子窗体的方法
document.getElementById("name_iframe").contentWindow.test();//父窗体获取子窗体的内容
alert(document.getElementById("name_iframe").contentWindow.document.body.outerHTML);
});
var myname="hb";
function parentFunction(){
alert("parentFunction");
}
</script>
Child form
<html>
<head>
<title>usually function</title>
</head>
<body>
<button onclick="getParentContent()">getParentContent</button>
</body>
<html>
<script type="text/javascript" src="jquery-1.4.4.js"></script>
<script>
var vname="v_name";
function test(){
alert("function test");
}
function getParentContent(){
//获取父窗体的变量
alert(window.parent.myname);
//获取父窗体的方法
window.parent.parentFunction();
//获取父窗体的dom节点
alert(parent.document.getElementById("testid").value);
}
</script>
이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!
추천 자료:
JS+jquery 라이브러리를 사용하여 iframe 높이 및 너비 적응(코드 포함)을 구현합니다
위 내용은 iframe 상위 및 하위 양식이 서로 호출합니다(코드 첨부).의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.