博客列表 >一个简单的后台布局

一个简单的后台布局

P粉753609736
P粉753609736原创
2023年01月18日 14:40:30304浏览
  1. <link rel="stylesheet" href="引入的css" />

2.<body>里面的<header>做顶部。

  1. <header>
  2. <h1>后台管理系统 <small>(V1.1)</small></h1>
  3. <section>
  4. <em>admin</em>
  5. <button onclick="logout()">退出</button>
  6. </section>
  7. </header>

3.<body>里面的<nav>做侧边栏。

  1. <nav>
  2. <a href="html文件路径" target="content">表格元素</a>

4.<body>里面的<iframe>做主体。

name绑定左侧<nav>下面的target

  1. <iframe src="inc/default.html" frameborder="0" name="content"></iframe>

5.是否退出

  1. <script>
  2. function logout() {
  3. return confirm('是否退出?') ? alert('退出成功') : false
  4. }
  5. </script>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议
P粉4541778202023-01-18 15:33:521楼
nav标签只是一个容器,是a.target绑定iframe.name