zoukankan      html  css  js  c++  java
  • frameset在网页中的应用

    frameset 框架集

    border

    设置框架的边框粗细。

    rows

    横向分割页面。数值表示方法与意义与cols相同。

    framespacing

    设置框架与框架间的保留的空白距离。

    注意1:

    cols与rows两属性尽量不要同在一个<frameset>标签中使用。若要实现下图架构,代码正确写法为:

    <%--这个是一个整合各个模块的页面,他里面不能有body标签--%>
    <frameset border=1 framespacing="0" rows="160, *" frameborder=1>
        <frame name=head src="head.jsp" frameborder=1 noresize scrolling=no>
        <frameset cols="170, *">
            <frame name="left" src="left.jsp" frameborder=1 noresize />
            <frame name="right" src="welcome.jsp" frameborder=1 noresize scrolling=yes />
        </frameset>
    </frameset>

    若想即使用cols又使用rows,可利用frameset嵌套实现

    frame

    name

    设置框架名称。此为必须设置的属性。

    src

    设置此框架要显示的网页名称或路径。此为必须设置的属性

    noresize

    设置框架大小是否能手动调节。

    bordercolor

    设置框架的边框颜色。

    iframe

    是浮动的框架(frame),其常用属性与frame类似,其他的主要有以下

    align

    设置垂直或水平对齐方式

    allowTransparency

    设置或获取对象是否可为透明。

    <iframe name="123" align="middle" marginwidth="0" marginheight=0 src="???" frameborder="0" scrolling="no" width="776" height="2500"></iframe>
    

      

    注意:

    iframe标签与frameset、frame标签的验证方法不同,是XHTML 1.0 Transitional。且iframe是放在body标签之内,而frameset、frame是放在body标签之外。

    其他的超链接需要添加target属性,该属性的值是frame的name属性值。

     <a href="saleForm.jsp" target="right">销售</a>
        <a href="ckxs.jsp" target="right">查看销售</a>
        <a href="ckkc.jsp" target="head">查看库存</a>
    

      

  • 相关阅读:
    9、实战快速上手
    8、路由【前端实现页面的跳转】
    7、Webpack的学习【打包工具】
    6、vue的安装【nodejs、vue-cli】
    5、计算属性、内容分发、自定义事件
    4、Axios异步通信
    3、Vue表单的双向绑定以及第一个Vue组件
    2、Vue的基本属性
    PHP算法之寻找两个有序数组的中位数
    PHP算法之无重复字符的最长子串
  • 原文地址:https://www.cnblogs.com/huahualove/p/13581699.html
Copyright © 2011-2022 走看看