javascript: iframe switchSysBar 左欄打開關閉,兼容各瀏覽器操作

简介: <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>javascript iframe switchSysBar 左欄打開關閉,兼容各瀏覽器操作</title> <!--
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>javascript iframe  switchSysBar 左欄打開關閉,兼容各瀏覽器操作</title>

		<!--
		iframe  左欄打開關閉,兼容各瀏覽器操作
		參考:http://anole-erp.googlecode.com/svn-history/r1914/trunk/Anole-server/WebContent/global/js/jquery/
				http://anole-erp.googlecode.com/svn/trunk/
				
		<script type="text/javascript" src="js/anole.js"></script>
		<script type="text/javascript" src="js/loadImage.js"></script>
		<script type="text/javascript" src="js/jquery/lib/jquery.js"></script>
		<script type="text/javascript" src="js/jquery/jquery.bgiframe.min.js"></script>
		<script type="text/javascript" src="js/jquery/jquery-ui-1.8.1.custom.min.js"></script>
		<script type="text/javascript" src="js/jquery/jquery.alerts.js"></script>-->
<style type="text/css">
		body {
			overflow-x:hidden; 
			overflow-y:hidden; 
			} 
	</style>

	<script language="javascript" type="text/javascript">
	//塗聚文修改 20130716
		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 = "images/arrow01.png";
				var switchhtml = "<img border=\"0\" Title=\"關閉\" alt=\"關閉\" style=\"cursor:hand;\" src=\"" + iswitch + "\"/>";
				
				switchPoint.innerHTML = switchhtml;
				document.getElementById("frmMenu").style.display = "";
			}
			else{
				var iswitch = "images/arrow02.png";
				var switchhtml = "<img border=\"0\" Title=\"打開\" alt=\"關閉\" style=\"cursor:hand;\" src=\"" + iswitch + "\"/>";
				
				switchPoint.innerHTML = switchhtml;
				document.getElementById("frmMenu").style.display = "none";
			}
		}
	</script>

</head>

<body>
<div>
<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">
	    			javascript iframe  switchSysBar 左欄打開關閉,兼容各瀏覽器操作
	    		</td>
	    	</tr>
	       	<tr>
	         	<td id="frmMenu" style="background-color:#faecd1;width:200px;" height="590" valign="top" noWrap>
		         	<iframe name="navigate" src="menu.html" width="100%" height="98%" frameborder="0" scrolling="yes" marginwidth="0"></iframe>
	         	</td>
	         	<td id="switchbar" style="background-color:#faecd1;width:5px; border-right:#FF0000 dotted 1px;" valign="middle">
		         	<a onclick="javascript:switchSysBar();" id="switchPoint">
		         		<img id="switchPoint" style="cursor:hand;" src="images/arrow01.png" alt="關閉" title="關閉"/>
		         	</a>
				</td>
	         	<td width="100%" valign="top">	         	  
	         		<iframe name="body" src="2.html" width="100%" height="99%" frameborder="0" scrolling="yes" marginwidth="0"></iframe>
				</td>
	       	</tr>
		</table>
		</div>
</body>

</html>

目录
相关文章
|
2月前
|
Web App开发 JavaScript 前端开发
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
|
3天前
|
JSON 移动开发 JavaScript
在浏览器执行js脚本的两种方式
【10月更文挑战第20天】本文介绍了在浏览器中执行HTTP请求的两种方式:`fetch`和`XMLHttpRequest`。`fetch`支持GET和POST请求,返回Promise对象,可以方便地处理异步操作。`XMLHttpRequest`则通过回调函数处理请求结果,适用于需要兼容旧浏览器的场景。文中还提供了具体的代码示例。
在浏览器执行js脚本的两种方式
|
7天前
|
Web App开发 JavaScript 前端开发
使用 Chrome 浏览器的内存分析工具来检测 JavaScript 中的内存泄漏
【10月更文挑战第25天】利用 Chrome 浏览器的内存分析工具,可以较为准确地检测 JavaScript 中的内存泄漏问题,并帮助我们找出潜在的泄漏点,以便采取相应的解决措施。
66 9
|
1月前
|
机器学习/深度学习 自然语言处理 前端开发
前端大模型入门:Transformer.js 和 Xenova-引领浏览器端的机器学习变革
除了调用API接口使用Transformer技术,你是否想过在浏览器中运行大模型?Xenova团队推出的Transformer.js,基于JavaScript,让开发者能在浏览器中本地加载和执行预训练模型,无需依赖服务器。该库利用WebAssembly和WebGPU技术,大幅提升性能,尤其适合隐私保护、离线应用和低延迟交互场景。无论是NLP任务还是实时文本生成,Transformer.js都提供了强大支持,成为构建浏览器AI应用的核心工具。
336 1
|
1月前
|
Web App开发 JavaScript 前端开发
JavaScript Window - 浏览器对象模型
JavaScript Window - 浏览器对象模型
21 2
|
20天前
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
52 0
|
21天前
|
JavaScript 前端开发
前端js,vue系统使用iframe嵌入第三方系统的父子系统的通信
前端js,vue系统使用iframe嵌入第三方系统的父子系统的通信
|
2月前
|
JavaScript 前端开发
js之浏览器对象|28
js之浏览器对象|28
|
24天前
|
JavaScript 前端开发 开发者
JavaScript 浏览器控制台的使用
JavaScript 浏览器控制台的使用
11 0
|
24天前
|
存储 JavaScript 前端开发
JavaScript 与浏览器存储
JavaScript 与浏览器存储
30 0