显示隐藏 -<FRAME <FRAMESET

最新推荐文章于 2021-06-07 20:29:33 发布

原创最新推荐文章于 2021-06-07 20:29:33 发布 · 514 阅读

1 ·

CC 4.0 BY-SA版权

javascript-jq 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一个简单的JavaScript脚本，该脚本通过点击按钮来控制网页中侧边栏的显示与隐藏效果。具体实现了当点击按钮时，通过修改`frame-body`的`cols`属性来达到切换侧边栏显示状态的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  <script type="text/javascript" src="<%=serverName%>/js/jquery-1.10.2.js"></script> 
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
  //alert($("button").text());
  if($("button").text().indexOf("显示")==-1){
   $("button").text("显示");
    window.parent.document.getElementById("frame-body").cols = ("180,7,0,*");  
  }else{
  
   $("button").text("隐藏");
    window.parent.document.getElementById("frame-body").cols = ("180,7,*,0");  
  }


});
});
</script>

button 标签写在了， footer.jsp里面

<FRAMESET FRAMEBORDER=0 framespacing=0 border=0 rows="60,*,32" id="frame-all">
	<FRAME SRC="<%=serverName%>/navigationbar/navigation.jsp" name="top" id="top" FRAMEBORDER=0 NORESIZE SCROLLING='no' marginwidth=0 marginheight=0>
		<FRAMESET FRAMEBORDER=0 framespacing=0 border=0 cols="180,7,*,0" id="frame-body">
		<FRAME SRC="<%=serverName%>/menu/menu.jsp" FRAMEBORDER=0 name="contents" id="contents" target="main" >
	    <FRAME src="<%=serverName%>/menu/drag/drag.jsp" id="drag-frame" name="drag-frame" frameborder="no" scrolling="no">
	    <FRAME SRC="<%=serverName%>/websocket/mysocket.jsp" FRAMEBORDER=0 id="mysocket" name="mysocket">
		<FRAME SRC="<%=serverName%>/main/yrecordinfo.action" FRAMEBORDER=0 id="main" name="main">
	</FRAMESET>
	<FRAME SRC="<%=serverName%>/footer/footer.jsp" name="footer" id="footer"  FRAMEBORDER=0 NORESIZE SCROLLING='no' marginwidth=0 marginheight=0>
</FRAMESET>
<noframes></noframes>