zoukankan      html  css  js  c++  java
  • asp.net做系统时,经典的上左右Iframe

      不知不觉,我已经工作的有一年半了,第一个公司呆的有三个月,第一个公司一直呆到现在现在,做的系统也不少了。发觉做系统时,还是喜欢用Iframe,而且是很经典的上左右Iframe,如下图

                        

       常见的用法是top处放图片,显示系统的Logo,退出系统,返回首页功能;left处放置菜单,点击某一个选项后,让right处显示相应的界面;与left、right中间有一个分割标准,点击一下left隐藏,再点击一下left显示。

       这样的好处是,当显示右边页面数据时,我们只会刷新right处数据,而top与left处不用刷新,减少网络流量传送。如果是做商务网站的话,肯定不会用Iframe,因为网络爬虫似乎对Iframe处的数据不感兴趣。现在的公司用了母版页,感觉有点似乎不如Iframe。

       那么,如何完成整个页面的功能呢,你自己可以先想想。、

       对于我所在的公司来说,能够熟练使用Div人太少,界面布局还是使用传统的Table布局,下面这段是Table布局的。

    <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td colspan="3" height="100" bgcolor="red" >top</td>
            </tr>
            <tr>
                <td width="190" id="frmTitle" noWrap="noWrap" name=fmTitle" valign="top" height="100%">
                    <iframe height="100%" width="100%" frameborder="0" src="left.aspx"
                        name="leftFrame"></iframe>
                </td>
                <td width="6" style=" 6px; background: #1568b4" valign="middle" 
                    height="100%">
                    <span  id="switchPoint" title="关闭/打开侧边栏">
                        <label onclick="switchSysBar()" style="cursor:pointer;">click</label>
                    </span>
                </td>
                <td valign="top" width="100%" height="100%">
                    <iframe height="100%" width="100%" frameborder="0" name="center" src="right.aspx">
                    </iframe>
                </td>
            </tr>
        </table>

      为了实现点击在left让右边的页面显示,我们需要特别注意右边的Iframe的name值,因为这个值很重要,无论是<a href="" target="">中的target还是window.open("",target)的target都是指定这个Iframe的name值,也就是说,打开的目标是在这个值里面的。不知道我的讲解是否明白。

      其次,关闭打开的方法其实也就是将id为frmTitle的td显示与不显示问题,js代码如下

        <script type="text/javascript">
            function switchSysBar() {
                var ssrc = document.all("frmTitle").style.display;
                if (ssrc == "none") {
                    document.all("frmTitle").style.display = "";
                }
                else {
                    document.all("frmTitle").style.display = "none"
                }
            } 
        </script>

      这样,完成了。

  • 相关阅读:
    RecyclerView
    Android动态广播的注册与销毁
    使用FFmpeg让mp4转gif
    当你安装python3没有安装依赖环境yum install -y libffi-devel,pip和setuptools,pip会装不上,不安装yum -y install zlib-devel bzip2-devel openssl-devel ncurses-devel sqlite-devel readline-devel tk-devel gdbm-devel db4-devel lib
    遇到的39.0或者其他版本不匹配的问题,请找对路径
    yaml创建学习(第二天)
    yaml 测试用例 (学习第一天)
    关于二次封装css selector 的复数定位
    uiautomatorviewer报错“Error taking device screenshot: EOF” ,
    appium解决每次运行都需要安装Unlock以及AppiumSetting的问题
  • 原文地址:https://www.cnblogs.com/xianrongbin/p/2878039.html
Copyright © 2011-2022 走看看