当前位置:网站首页 > js中iframe框架知识小课堂
js中iframe框架知识小课堂 2021-06-09 15:26:11

  1.获取父框架的内容

  window.parent.name;//name为你要获取的值的名称

  parent.document.getElementById("id"); //根据id获取父框架对象

  parent.document.getElementByTagName("name"); //根据name获取父框架对象

  2.获取子框架的内容

  document.getElementById("id").contentWindow.document.getElementById("childId");

  根据子窗口Id获取子框架内容,根据子框架的childId,获取框架对象。

  document.getElementById("id").contentWindow可以获得子窗口的window对象

  3.父框架引用子框架

  window.frames; //获取父窗口中的所有子框架对象,返回的是一个window对象数组

  window.frames["frameName"];//根据框架名称获取子框架的window对象,frameName为框架name值

  window.frames["frameName"].functionName; //父框架调用子框架的方法。functionName为方法名

  4.子框架引用父框架

  每一个window对象都有一个parent属性,该属性代表着父窗口。

  如果当前窗口为顶层窗口,则window.parent仍表示本身窗口。

  window.parent.reload();//刷新父框架

  5.兄弟框架之间的引用

  self.parent.frames["frameName"];

  6.引用顶层框架

  每个window对象都有一个top属性,表示顶层窗口

  window.top.frames; //获取顶层框架中的所有子框架

  7.改变框架载入的页面

  每个window对象都有一个location属性,可以改变框架的载入路径。

  window.frames[0].loaction("url"); //重载第一个子框架的内容,文件路径为url。

分享到:


Powered by © 2014-2018  郑州腾翔科技有限公司 版权所有    | 豫ICP备18030680号-1 网站地图     xml   营业执照  

相关搜索:郑州网站建设公司  郑州做网站公司  郑州网站SEO优化公司  郑州网站建设公司  郑州优化推广公司  郑州网络推广公司哪家好  郑州SEO优化推广公司