javascript: iframe switchSysBar 左欄打開關閉，兼容各瀏覽器操作（edit)

2022-02-17 12:35:29 阅读：193 来源： 互联网

标签：edit javascript frmMenu 打開 width getElementById var navigator document

<!doctype html>
<html>
<head>
<meta charset="utf-8">
  <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
        <meta content="yes" name="apple-mobile-web-app-capable">
        <meta content="black" name="apple-mobile-web-app-status-bar-style">
        <meta content="telephone=no" name="format-detection">
        <meta content="email=no" name="format-detection">
        <meta name="full-screen" content="yes">
        <meta name="browsermode" content="application">
        <meta name="full-screen" content="yes">
        <meta name="browsermode" content="application">
        <meta name="x5-orientation" content="portrait">	
<title>關閉左側欄</title>
<meta name="author" content="geovindu,Geovin Du,涂聚文"/>
 <script language="javascript" type="text/javascript">
		var screenW = 640, screenH = 480;
		if (parseInt(navigator.appVersion)>3) {
		 screenW = screen.width;
		 screenH = screen.height;
		}
		else if (navigator.appName == "Netscape" 
		    && parseInt(navigator.appVersion)==3
		    && navigator.javaEnabled()
		   ) 
		{
		 var jToolkit = java.awt.Toolkit.getDefaultToolkit();
		 var jScreenSize = jToolkit.getScreenSize();
		 screenW = jScreenSize.width;
		 screenH = jScreenSize.height;
		}
		
		function switchSysBar(){

			if(document.getElementById("frmMenu").style.display == "none"){
				var iswitch = "img/arrow01.png";
				var switchhtml = "<img border=\"0\" Title=\"關閉左側欄\" style=\"cursor:hand;\" src=\"" + iswitch + "\"/>";				
				switchPoint.innerHTML = switchhtml;
                                document.getElementById("switchbar").width="5px";
				document.getElementById("frmMenu").style.display = "";
			}
			else{
				var iswitch = "img/arrow02.png";
				var switchhtml = "<img border=\"0\" Title=\"打開左側欄\" style=\"cursor:hand;\" src=\"" + iswitch + "\"/>";
                 switchPoint.innerHTML = switchhtml;
				document.getElementById("switchbar").width="5px";				
				document.getElementById("frmMenu").style.display = "none";
				document.getElementById("frmMenu").width="180px";
			}
		}
	</script>	
</head>

<body>
	
       <table id="maintable" height="100%" width="100%" cellSpacing="0" cellPadding="0" align="left" border='0'>
	    	<tr>
	    		<td width="100%" height="80" colspan="3" valign="top">
	    			<table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="344"><img src="img/index_r1_c1.jpg" style="width:344px; height:53px;" alt=""/></td>
                <td style="text-align: center; padding-top: 17px;"> </td>
                <td width="190"><img src="img/index_r1_c15.jpg" style="width:190px; height:53px;"  alt=""/></td>
                <td width="145"><img src="img/index_r1_c19.jpg" style="width:145px; height:53px;"  alt=""/></td>
              </tr>
            </table>
             <table width="100%" border="0" cellpadding="0" cellspacing="0" background="img/index_r2_c10.jpg">
                <tr>
                    <td id="Tab" style="float:left; background-image:url('img/index_r2_c10.jpg')">
                        <a id="HyperLink1" title="內聯網首頁" href="Default.aspx">主頁</a>    <span id="lblDate">今天日期：2022/2/17 Thursday</span>    <span id="Label1">深圳寫字樓:塗聚文</span></td>
                    <td style="width: 10%"><img src="img/index_r2_c19.jpg" style="width:145px; height:37px;" alt="" /></td>
                </tr>
            </table>
	    		</td>
	    	</tr>
	       	<tr valign="top">
	         	<td id="frmMenu" style="background-color:#faecd1;width:40px;height:auto;"  noWrap>
		         	<iframe name="navigate" src="menu.html" style="HEIGHT: 100%; VISIBILITY: inherit; Z-INDEX: 2"frameborder="0" scrolling="yes" marginwidth="0"></iframe>
	         	</td>
	         	<td id="switchbar" style="background-color:#faecd1;width:0.1px; border-right:#FF0000 dotted 0.1px;" valign="middle">
		         	<a onclick="javascript:switchSysBar();" id="switchPoint">
		         		<img id="Img1" style="cursor:hand;" src="img/arrow01.png" alt="關閉左側欄" title="關閉左側欄"/>
		         	</a>
				</td>
	         	<td valign="top" width="100%">	         	  
	         		<iframe id="L_WorkArea"  name="L_WorkArea" src="main.html"  frameborder="0" scrolling="yes" marginwidth="0" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 2"></iframe>
				</td>
	       	</tr>
	       	<tr>
	    		<td width="100%" height="20" colspan="3" valign="top">
	    		</td>
	    	</tr>
		</table>
	
</body>
</html>

标签：edit,javascript,frmMenu,打開,width,getElementById,var,navigator,document
来源： https://www.cnblogs.com/geovindu/p/15904049.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript: iframe switchSysBar 左欄打開關閉，兼容各瀏覽器操作（edit)