首页 > 代码库 > html中iframe子页面与父页面元素的访问以及js变量的访问

html中iframe子页面与父页面元素的访问以及js变量的访问

1、子页面访问父页面元素

 
parent.document.getElementById(‘id‘)和document相关的方法都可以这样用
 
2、父页面访问子页面元素
 
document.getElementById(‘iframeId‘).contentDocument.getElementsByTagName(‘table‘); contentDocument后可以使用document相关方法
 
3、子页面访问父页面js变量或方法(注:父页面的js变量需为全局变量和全局方法)
 
子页面var variable = parent.variableParent   (variableParent为父页面定义的变量)
 
4、父页面访问子页面js变量
 
这部分目前的解决方案是在父页面设置全局变量,在子页面进行修改后将子页面的变量赋值给父页

html中iframe子页面与父页面元素的访问以及js变量的访问