隐藏某个指定的代码

首先看主页面代码:

<frameset rows="75,*" cols="*" frameborder="no" border="0" framespacing="0" >
  <frame src="header.html" name="topFrame" frameborder="no" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" height="75"/>
     <frameset name="myFrame" id="myFrame" cols="183,8,*" frameborder="no" border="0" framespacing="0">
      <frame src="subMenu.html" name="leftFrame" id="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="sidebar" width="183"/>
      <frame src="switch.html" name="midFrame" id="midFrame" frameborder="no" scrolling="No" noresize="noresize" id="midFrame" title="midFrame" />
      <frame src="main.html"  name="mainFrame" id="mainFrame" title="main"/>
    </frameset>
</frameset>
<noframes>

switch.html代码:

</head>
<script type="text/javascript" language="JavaScript">
function Submit_onclick(){
    var win = window.parent.document.getElementById("myFrame");
    if(win.cols == "183,8,*") {
        win.cols="0,8,*";
        document.getElementById("ImgArrow").src="resourse/switch_right.gif";
        document.getElementById("ImgArrow").alt="打开左侧";
    } else {
        win.cols="183,8,*";
        document.getElementById("ImgArrow").src="resourse/switch_left.gif";
        document.getElementById("ImgArrow").alt="隐藏";
    }
}
function MyLoad() {
    if(window.parent.location.href.indexOf("MainUrl")>0) {
        window.top.midFrame.document.getElementById("ImgArrow").src="resourse/switch_right.gif";
    }
}


</script>
<body οnlοad="MyLoad()">
<div id="switchpic"><a href="javascript:Submit_onclick()"><img src="resourse/switch_left.gif" alt="隐藏" id="ImgArrow" /></a></div>
</body>
</html>

核心代码:var win = window.parent.document.getElementById("myFrame");

                 win.cols="0,8,*";

页面使用frameSet构建框架。最初我使用parent.myFrame.cols来设置左侧菜单的显示隐藏。、

在IE8下测试通过,但是FF下却提示parent.Frame没有定义。后来才发现FF下不能直接通过Frame ID来访问

IE FF下都可以通过name来访问 但是 FrameSet并不支持name属性。

因此上面的window.parent.myFrameFset =》window.parent.document.getElementById("myFrame");

如果不会使用,可以看看这篇文章的详细教程代码,该文章使用的教程代码不一样,完全可以屏蔽网站的某个不需要的弹窗啊或者图片/按钮功能等等  

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

荻酷社区

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值