gpt4 book ai didi

javascript - 在 HTML5 中创建框架

转载 作者:搜寻专家 更新时间:2023-10-31 21:50:06 24 4
gpt4 key购买 nike

关闭。这个问题需要更多focused .它目前不接受答案。












想改善这个问题吗?更新问题,使其仅关注一个问题 editing this post .

7年前关闭。




Improve this question




我是 QT c++ UI 程序员 & html 新手 & 试图在 HTML 中创建一个框架。请参阅所附图片。
框架由 4 个区域组成 :---

  • 顶部 --- 它包含固定按钮(在运行时不会改变)
  • 左 --- 这包含按钮(将在运行时更改)
  • 中间 --- 这包含按钮和消息(将在运行时更改)
  • 对 --- 这在 3 个分区中包含不同的链接

  • 现在我想实现以下目标:---

    顶部分区 :--
  • 当按下顶部分区的第一个按钮时 --- 4 个新
    按钮是在左分区上创建的。
  • 当按下顶部分区上的第二个按钮时 --- 10 个新
    按钮是在左分区上创建的。
  • 顶部分区的其他按钮也类似。

  • 左分区 :--
  • 当左侧分区的第一个按钮被按下时---6个新
    按钮和消息创建于 中隔板 .
  • 当左侧分区的第二个按钮被按下时---8个新
    按钮和消息创建于 中隔板 .
  • 左侧分区的其他按钮也是如此。

  • 右分区 :---
  • 右侧分区包含一些我最多可以显示 4 个分区的分区
    链接。并更改链接和运行时间。

  • 我知道如何显示按钮并激活一些 javascript 以采取行动。
    但是如何创建这些分区(左、上、中和右),以便在运行时显示不同的按钮?

    iframe 可用于创建分区以显示 html 链接:--
    http://www.w3schools.com/TAGS/tag_iframe.asp
    http://www.w3schools.com/TAGS/tryit.asp?filename=tryhtml_iframe

    使用哪些 HTML 元素来实现这一点?

    ========================总结====================

    我需要对页面进行布局......是的,开发人员事先很清楚要在左侧或中间分区显示什么元素......他唯一不知道的是要在右侧分区显示什么链接元素从远程服务器发送到 Ui。

    ============================== 图片================

    HTML ui frame

    最佳答案

    我希望我没有误解您想要做什么(图像被代理阻止),但我想说 iFrame 不是进行此类演示的最佳方式。

    据我了解,您不想提供这样的结构:

    +-------------------------------------+
    | top |
    | |
    +--------------+----------------------+
    | left | right |
    | | |
    +--------------+----------------------+

    但是您不想在 3 帧之间与 JS 进行交互。
    HTML5 是可能的,但 iFrame 更适合在您的内容中插入外部页面(来自另一个或相同域)。
    如果您只想分离不同的内容,则应使用 html 元素和 css 演示文稿来完成,但所有内容都在同一页面中

    例如,作为一个简单的例子,你可以使用这个简单的结构:
    <html>
    ...
    <body>
    <header>Top</header>
    <aside>left</aside>
    <div id="content">right</div>
    </body></html>

    并使用 javascript 将您的内容添加到 header/aside/div 元素中。

    或者比每次更改整个内容更好,在运行时放置所有元素/按钮,然后仅隐藏/显示您需要的元素/按钮。

    更新:
    以下是与 jQuery 的基本交互示例: http://jsfiddle.net/Ye99u/

    正如 Quentin 所说,在选择 HTML5 元素作为容器之前,请阅读文档以了解它们的含义或选择一个通用元素(例如:div)。

    关于javascript - 在 HTML5 中创建框架,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22371378/

    24 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com