iframe基础

• 基本结构：

 <iframe id="iframe_id" src="i.html" name="iframe_name" frameborder="1" height="80%" width="100%" scrolling="auto">
    <p>Your browser does not support iframes.</p> 
  </iframe>

• 引用

<!-- 跨域 -->
   <a href="http://www.w3school.com.cn" target="iframe_name">w3school</a> <br />
  <!-- 同域 -->
   <a href="/location" target="iframe_name">同域</a><br />

• 父子窗口元素调用：
• 父调子的元素

$(iframe选择器).contents().find(iframe中元素选择器);

• 父调子的方法

iframeName.window.chlidFunctionName();

• 子调父的元素

window.parent.$(“元素选择器”);

• 子调父的方法

window.parent.parentMethod();