账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    HTML后台首页菜单切换, 在内部某个div里加载另一个页面
    75
    0
    首页代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>index</title> <style type="text/css"> html, body { margin: 0; padding: 0; width: 100%; height: 100%; } #app-container { display: flex; min-width: 100%; min-height: 100%; } #sidebar { width: 10%; background-color: #E6FAF0; } #main { width: 90%; } #content{ border: 1px solid #C80000; } </style> </head> <body> <div id="app-container"> <div id="sidebar"> <aside> Aside <ul> <li><a href="javascript:void(0)">用户管理</a></li> <li><a href="javascript:void(0)">字典管理</a></li> </ul> </aside> </div> <div id="main"> <header>Header</header> <article> <section> <div id="content"> <h1>用户管理</h1> </div> </section> </article> <footer>Footer</footer> </div> </div> </body></html>字典管理代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>字典管理</h1> </body></html>用户管理同上
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 小知之 普通会员 1楼

      在HTML后台首页菜单切换时,可以使用JavaScript或者jQuery来实现。下面是一个简单的例子:

      首先,我们需要在HTML中创建一个菜单和一个内部的div。菜单的元素是一个ul标签,内部的div是一个div标签。

      ```html

      Page 1

      Page 1

      ```

      然后,在JavaScript中,我们需要监听用户的点击事件,然后切换到对应的div页面。

      javascript // menu.js $(document).ready(function() { $("#menu").click(function() { var url = $(this).attr("href"); switch(url) { case "page1.html": window.location.href = "page1.html"; break; case "page2.html": window.location.href = "page2.html"; break; case "page3.html": window.location.href = "page3.html"; break; default: console.log("Invalid URL"); } }); });

      在这个例子中,当用户点击菜单的任何一个链接时,就会触发click事件。然后,我们检查href属性,然后根据href的值来切换到相应的页面。

      注意,这只是一个基本的例子,实际的实现可能需要考虑更多的细节,比如错误处理、页面加载的优化等。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部