javascript - HTML5 : How to load element from left side menu into the right side

标签 javascript css html

大家好, 我有一个非常基本的问题,我用 javascript 和 CSS 创建了一个左侧菜单,我只是想当我点击左侧的菜单时,内容将加载到右侧。所以我的 html 结构应该分为两部分:左边部分和右边部分。 所以基本上我想知道 HTML5 中执行此操作的最佳方法 提前致谢

最佳答案

您可以使用 div 将您的页面一分为二;像这样的东西:

#container {
    width: 1000px;
}
#left {
    width: 300px;
    float: left;
}
#right {
    right: 700px;
    float: right;
}

<div id="container">
    <div id="left"></div>
    <div id="right"></div>
</div>

您有几个选项可以选择如何在右侧加载内容。您可以使用 Ajax 加载正确的内容,但是这可能会很麻烦,这取决于您的网站有多大或有多复杂。您可以简单地刷新整个页面,但您必须确保菜单保持同步。您还可以在右侧放置多个 div,当他们单击菜单时只显示正确的 div。

关于javascript - HTML5 : How to load element from left side menu into the right side,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9732969/

相关文章:

html - 内联 block 元素换行时的CSS,父包装器不适合新宽度

javascript - 数据表排序不适用于 dd-mm-yyyy 格式

javascript - Facebook Javascript SDK 安全问题?

c# - ASP.NET - 文件下载后如何回发页面?

css - 使用 rem 单位时出现 Chrome 缩放问题

javascript - 从具有输入文件元素的表单访问文件

javascript - 向下滚动时有 Angular 隐藏按钮/向上滚动时显示

javascript - 如何使用javascript获取元素的高度,包括填充和边框

javascript - 动态构建脚本源

javascript - 删除数组的 "this"索引不起作用