Home > Developer > JavaScript
Obtain iframe from the parent form
Window. iframeId
Iframe get parent window
Window. parent
Parent.html
Copy codeThe Code is as follows:
<! 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 = "click" onclick = "btnFn ();"> <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
Copy codeThe Code is as follows:
<! 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); // result: 222
}
</Script>
</Head>
<Body>
I am the content of the form
</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
