`
- 浏览:
16422 次
- 性别:
- 来自:
广西南宁
-
框架主页面 index.htm 的代码
xml 代码
- <html>
- <head>
- <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
- <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
- <meta name="ProgId" content="FrontPage.Editor.Document">
- <title>frame框架的显示隐藏操作 - 51windows.nettitle>
- head>
-
- <frameset name="full" rows="64,*,64">
- <frame name="top" scrolling="no" xnoresize target="contents" src="top.htm">
- <frameset cols="25%,*" name="cen">
- <frame name="contents" target="main" src="left.htm">
- <frame name="main" src="main.htm">
- frameset>
- <frame name="bottom" scrolling="no" xnoresize target="contents" src="bottom.htm">
- <noframes>
- <body>
-
- <p>此网页使用了框架，但您的浏览器不支持框架。p>
-
- body>
- noframes>
- frameset>
-
- html>
主页面 main.htm 的代码
js部分
js 代码
- function shtop(){
- if (parent.full.rows.indexOf("0,*,")!=-1){
- parent.full.rows="64,*,"+parent.full.rows.split(",")[2]
- document.getElementById("shtop").value="隐藏上部";
- }
- else{
- parent.full.rows="0,*,"+parent.full.rows.split(",")[2]
- document.getElementById("shtop").value="显示上部";
- }
- }
- function shleft(){
- if (parent.cen.cols=="0,*"){
- parent.cen.cols="25%,*,"
- document.getElementById("shleft").value="隐藏左部";
- }
- else{
- parent.cen.cols="0,*"
- document.getElementById("shleft").value="显示左部";
- }
- }
- function shbottom(){
- if (parent.full.rows.indexOf(",*,0")!=-1){
- parent.full.rows=parent.full.rows.split(",")[0]+",*,64"
- document.getElementById("shbottom").value="隐藏下部";
- }
- else{
- parent.full.rows=parent.full.rows.split(",")[0]+",*,0"
- document.getElementById("shbottom").value="显示下部";
- }
- }
- function maxmain(){
- if (parent.full.rows=="0,*,0"){
- parent.full.rows="64,*,64"
- parent.cen.cols="25%,*"
- document.getElementById("maxmain").value="隐藏左上下";
- document.getElementById("shtop").value="隐藏上部";
- document.getElementById("shleft").value="隐藏左部";
- document.getElementById("shbottom").value="隐藏下部";
- }
- else{
- parent.full.rows="0,*,0";
- parent.cen.cols="0,*";
- document.getElementById("maxmain").value="显示左上下";
- document.getElementById("shtop").value="显示上部";
- document.getElementById("shleft").value="显示左部";
- document.getElementById("shbottom").value="显示下部";
- }
- }
HTML源码部分
xml 代码
- <input type="button" name="maxmain" id="maxmain" onclick="maxmain();" value="隐藏左上下">
- <input type="button" name="shtop" id="shtop" onclick="shtop();" value="隐藏上部">
- <input type="button" name="shleft" id="shleft" onclick="shleft();" value="隐藏左部">
- <input type="button" name="shbottom" id="shbottom" onclick="shbottom();" value="隐藏下部">
分享到：
相关推荐
而 `main.html` 包含用于控制框架显示与隐藏的JavaScript函数。 #### HTML文件详解 1. **`index.html`**： - **Meta信息**：该文件定义了文档的字符编码为GB2312，并指定了页面是使用Microsoft FrontPage 4.0创建...
在描述中反复提到的"多样式frame框架控件"，暗示我们将讨论如何利用不同的样式和方法来创建和定制`Frame`。 在Java Swing或JavaFX这样的GUI库中，`JFrame`是`Frame`的具体实现，它允许开发者创建具有多种样式的窗口...
对于框架的显示和隐藏，我们可以操作框架的`style.display`属性。`display`属性决定了元素是否在页面上显示，其值可以是`block`、`none`等。当`display`为`none`时，元素将不占据任何空间，相当于隐藏；而`display`...
- 使用JavaScript函数`aaa()`来控制框架的显示与隐藏。 - 通过修改`<frameset>`的`rows`属性来调整框架的高度。 - 使用`display`属性来控制框架内的元素显示与否。 ```javascript function aaa(){ top....
上述代码展示了如何将浏览器窗口分为左右两个部分，左侧框架显示`left.html`，右侧框架显示`right.html`。 - **框架集参数设定**：`FRAMESET`标签可以设置多个参数来控制框架的布局和外观。例如： - `cols`和`...
而Fragment的切换则需要借助FragmentManager和FragmentTransaction，通过调用beginTransaction()开始一个事务，然后添加、隐藏或替换Fragment，最后通过commit()提交事务，系统会在合适的时机执行这些操作。...
总结来说，通过JavaScript控制frame的隐藏或显示主要是通过操作frameset的`rows`和`cols`属性，结合字符串处理和DOM操作，可以灵活地控制多框架页面的布局和用户体验。这种技术在构建复杂的Web应用程序或者需要动态...
在网页设计和开发中，有时候我们需要处理多个`iframe`（内联框架）并实现特定的交互效果，例如只显示其中一个`iframe`中的`div`元素，并确保它在所有其他元素之上，即处于最上层显示。这样的需求通常出现在需要创建...
但其在使用过程中也可能会遇到一些安全性和兼容性的问题，例如Iframe嵌入Excel Services页面时出现的“此内容不能显示在一个框架中”的报错。为了解决这一问题，我们需要深入了解相关知识点，包括Iframe嵌入、点击...
结合`frameset`，你可以为每个框架添加事件监听器，当用户在某个特定框架内操作时，触发弹出框的显示或隐藏。 文件名`jqueryMessage示例`可能包含了一个使用jQuery实现消息提示或弹出框的实例。在实际应用中，可能...
例如，我们可能会有一个侧边栏框架显示导航菜单，而主要内容则在主框架中展示。通过JavaScript，我们可以对这些框架进行更精细的控制，比如动态改变框架的大小、隐藏或显示特定框架，甚至在框架之间传递数据。 在这...
- **jQuery操作iframe技巧总结：** 学习如何使用jQuery进行iframe的创建、隐藏、显示、内容加载等操作。 - **jQuery扩展技巧总结：** 探索jQuery的插件机制和自定义扩展方法。 - **jQuery常用插件及用法总结：** ...
frameborder属性控制边框的显示与否，取值为0表示隐藏，1表示显示。framespacing属性设置框架之间边框的宽度，以像素为单位，只适用于框架集。最后，bordercolor属性用于设定框架集边框的颜色，可以使用颜色代码或...
2. **Transaction**：通过FragmentTransaction对象，我们可以对Fragment进行添加、替换、隐藏、显示和移除操作。这些操作需要提交到FragmentManager才能生效。 3. **Fragment的嵌套**：一个Activity可以包含多个...
- `frameborder` 属性控制框架边框的显示，`yes` 或 `1` 表示显示边框，`no` 或 `0` 表示隐藏，如 `<frame frameborder=1>`。 - `framespacing` 属性设定框架之间的空白区域，例如 `framespacing=100`。 - `...
在网页设计中，树形可隐藏导航菜单是一种常见的布局方式，尤其在大型网站或复杂的后台管理系统中，这种菜单能够帮助用户高效地浏览和操作多层级的页面结构。本项目提供的"页面树形可隐藏导航菜单"是实现这一功能的一...
Prototype框架中定义了一个Element对象，它包含了许多方便的DOM操作方法，如添加或移除CSS类（addClassName/removeClassName），检查元素是否包含特定CSS类（hasClassName），获取或设置元素尺寸（getDimensions/...
此外，`print.html`和`不显示打印按钮frame`这两个文件名可能分别代表了博主用于示例的HTML文件和一个用于展示如何隐藏打印按钮的框架。`frame`在Web开发中指的是框架集，它可以将多个独立的HTML文档组合在一个...