• frameset测试


      frame不能放在body标签内。指定name属性,为这一个框架指定名字,在html的a的target属性可以设为target="right"在该框架显示跳转的页面。(常用于后台管理界面)

    例子:

    index.html

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
        </head>
        <frameset rows="20%,*">
            <frame src="top.html" />
            <frameset cols="20%,80%">
                <frame src="left.html" />
                <!--frame不能放在body标签内。指定name属性,为这一个框架指定名字,在html的a的target属性可以
                设为target="right"在该框架显示跳转的页面-->
                <frame name="right" />          
            </frameset>
        </frameset>
    </html>

    left.html

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
        </head>
        <body>
            <!--target为自己定义的名字,会在名为right的frame中显示right.html页面-->
            <a href="right.html" target="right">客户管理</a><br /><br />
            <a href="right1.html" target="right">商品管理</a><br /><br />
            <a href="right2.html" target="right">人员管理</a><br /><br />
            <a href="#">客户管理</a><br /><br />
            <a href="#">客户管理</a><br /><br />
        </body>
    </html>

     top.html

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
        </head>
        <body>
            <font size="7">欢迎xxx来到后台管理系统</font>
        </body>
    </html>

     right.xml

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
        </head>
        <body>
            这是客户管理
        </body>
    </html>

    right1.html

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
        </head>
        <body>
            这是商品管理
            <img src="../img/logo2.png"/>
        </body>
    </html>

     right2.html

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
        </head>
        <body>
            这人员管理
            <img src="../img/small02.jpg"/>
        </body>
    </html>

     测试:

    点击客户管理

     点击商品管理

  • 相关阅读:
    Qt出现警告 Unescaped backslashes are deprecated!解决办法
    如何在Android应用程序中使用传感器模拟器SensorSimulator
    如何在Android模拟器上安装apk文件
    Qt学习记录--Qt::CaseSensitive
    VS2010/MFC编程入门教程之目录和总结
    TortoiseSVN客户端重新设置用户名和密码
    SVN服务器搭建和使用(三)
    SVN服务器搭建和使用(二)
    SVN服务器搭建和使用(一)
    Eclipse中安装使用SVN
  • 原文地址:https://www.cnblogs.com/qlqwjy/p/7351471.html
Copyright © 2020-2023  润新知