首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

关于iframe兼容有关问题求解

2013-01-18 
关于iframe兼容问题求解之前做了一个框架,如下图所示,在js里面隐藏左边的菜单栏,用js代码如下 $(window.pa

关于iframe兼容问题求解
之前做了一个框架,如下图所示,在js里面隐藏左边的菜单栏,用js代码如下
 $(window.parent.document).find("#frameset2").attr("cols","0,30px,*");
在火狐和opera下是可以的,但是在chrome和ie下就无法隐藏,求解决方法
[解决办法]

引用:
之前做了一个框架,如下图所示,在js里面隐藏左边的菜单栏,用js代码如下
 $(window.parent.document).find("#frameset2").attr("cols","0,30px,*");
在火狐和opera下是可以的,但是在chrome和ie下就无法隐藏,求解决方法
 ……

chrome下需要搭建http服务访问,file协议无法操作iframe,获取不到对象,webkit核心的浏览器好像都有这个问题,如360最新版本,可以参考这个:chrome浏览器iframe parent.document为undefined

IE没发现你的问题。。
test.html
<frameset cols="230,*" frameborder="no" border="0" framespacing="0" id="frameset2">
    <frame src="1.html" name="leftFrame"  noresize="noresize" id="leftFrame" title="leftFrame" />
    <frame src="http://www.coding123.net/" name="mainFrame" id="mainFrame" title="mainFrame" />
  </frameset>


1.html
<script type="text/javascript" src="http://www.coding123.net/js/jquery.js"></script>
<script type="text/javascript">
    function hideme() {
        $(parent.document).find("#frameset2").attr("cols", "20px,*");
    }
</script>
<a href="javascript:hideme()">隐<br />藏</a>


热点排行