JavaScript实现屏幕切换功能

"switchSysBar--屏幕切换" 在给定的文件中，主要涉及的是一个JavaScript功能，用于实现屏幕切换的效果。这个功能的核心是名为`switchSysBar`的函数，它控制着页面上某个元素（可能是系统栏或者导航栏）的显示与隐藏。以下是详细的知识点解析： 1. **JavaScript函数**： - `switchSysBar`函数：这是一个JavaScript函数，它检查一个叫做`switchPoint`的元素的innerText（内联文本），并根据其值来切换`frmTitle`元素的显示状态。如果`switchPoint.innerText`等于3，那么将`switchPoint.innerText`更新为4，并隐藏`frmTitle`；反之，如果`switchPoint.innerText`不等于3，显示`frmTitle`。 2. **DOM操作**： - `document.all`：在老版本的IE浏览器中，`document.all`是一个全局对象，可以用来访问HTML文档中的所有元素。在这里，`document.all("frmTitle")`获取了id为`frmTitle`的元素，然后改变它的`style.display`属性以控制显示和隐藏。 3. **CSS样式**： - `display`属性：`display`是CSS中的一个重要属性，用于控制元素的布局方式。在这个例子中，`display:none`隐藏元素，而`display:`（空字符串）则表示默认显示。 4. **窗口加载事件**： - `window.onload`：这是JavaScript中的一个事件，当整个页面（包括所有的资源如图片、脚本等）加载完成时触发。在这个事件中，有两个操作，一是设置`main`元素的高度为浏览器视口的高度，二是设置`switchBar`元素的高度为整个文档对象的高度。 5. **HTML元素**： - `<iframe>`：`<iframerunat="server"frameBorder="0"id="men">`是一个服务器端运行的IFrame，通常用于嵌入其他页面或内容到当前页面。`runat="server"`表示该元素可以在服务器端处理，`frameBorder="0"`则设置了边框宽度为0，使其无边框显示。 6. **CSS引用**： - `<linkhref="Css/com.css"rel="stylesheet"type="text/css">`引入了一个外部CSS文件`com.css`，用于定义页面的样式。 总结，这个文件是关于一个基于JavaScript的屏幕切换功能的实现，涉及到页面元素的显示控制、窗口加载事件的响应、以及CSS样式的应用。通过`switchSysBar`函数，用户可以通过交互来改变页面布局，特别是`frmTitle`部分的可见性。同时，页面的高度适应性也通过JavaScript进行了处理，确保了页面在不同设备上的良好显示效果。