如何在有多个iframe的HTML中仅显示一个iframe
0
[待解决问题]
先贴出代码
<!doctype html>
<html class="x-admin-sm" lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>后台登录管理员</title>
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="stylesheet" th:href="@{./css/font.css}">
<link rel="stylesheet" th:href="@{./css/xadmin.css}">
<!-- <link rel="stylesheet" href="./css/theme5.css"> -->
<script src="./lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="./js/xadmin.js"></script>
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
// 是否开启刷新记忆tab功能
// var is_remember = false;
</script>
</head>
<body class="index">
<!-- 顶部开始 -->
<div class="container">
<div class="logo">
<a href="./index.html">文本查重系统管理员端</a></div>
<div class="left_open">
<a><i title="展开左侧栏" class="iconfont"></i></a>
</div>
<ul class="layui-nav right" lay-filter="">
<li class="layui-nav-item">
<a href="javascript:;">admin</a>
<dl class="layui-nav-child">
<!-- 二级菜单 -->
<dd>
<a onclick="xadmin.open('个人信息','http://www.baidu.com')">个人信息</a></dd>
<dd>
<a href="/">切换帐号</a></dd>
</dl>
</p>
<li class="layui-nav-item to-index">
<a href="/">退出</a></p>
</ul>
</div>
<!-- 顶部结束 -->
<!-- 中部开始 -->
<!-- 左侧菜单开始 -->
<div class="left-nav">
<div id="side-nav">
<ul id="nav">
<p>
<a href="javascript:;">
<i class="iconfont left-nav-li" lay-tips="管理员管理"></i>
<cite>管理员管理</cite>
<i class="iconfont nav_right"></i></a>
<ul class="sub-menu">
<p>
<a href="admin-list.html" target="list">
<i class="iconfont"></i>
<cite style="display: inline">管理员列表</cite></a>
</p>
<p>
<a href="admin-role.html" target="role">
<i class="iconfont"></i>
<cite>角色管理</cite></a>
</p>
<p>
<a href="admin-cate.html" target="cate">
<i class="iconfont"></i>
<cite>权限分类</cite></a>
</p>
<p>
<a href="admin-rule.html" target="rule">
<i class="iconfont"></i>
<cite>权限管理</cite></a>
</p>
</ul>
</p>
</ul>
</div>
</div>
<!-- 左侧菜单结束 -->
<!-- 右侧主体开始 -->
<div class="page-content">
<iframe frameborder="0" src="admin-list.html" scrolling="yes" class="x-iframe" name="list"></iframe>
<iframe frameborder="0" src="admin-role.html" scrolling="yes" class="x-iframe" name="role"></iframe>
<iframe frameborder="0" src="admin-cate.html" scrolling="yes" class="x-iframe" name="cate"></iframe>
<iframe frameborder="0" src="admin-rule.html" scrolling="yes" class="x-iframe" name="rule"></iframe>
</div>
<div id="tab_show"></div>
</div>
</div>
<div class="page-content-bg"></div>
<style id="theme_style"></style>
<!-- 右侧主体结束 -->
</body>
</html>
如何可以只显示一个页面呢
谢谢大佬们
所有回答(1)
0
<!-- 右侧主体开始 -->
<div class="page-content">
<iframe frameborder="0" src="admin-list.html" scrolling="yes" class="x-iframe" name="list"></iframe>
<!-- 隐藏iframe -->
<div style="visibility:hidden">
<iframe frameborder="0" src="admin-role.html" scrolling="yes" class="x-iframe" name="role"></iframe>
<iframe frameborder="0" src="admin-cate.html" scrolling="yes" class="x-iframe" name="cate"></iframe>
<iframe frameborder="0" src="admin-rule.html" scrolling="yes" class="x-iframe" name="rule"></iframe>
</div>
</div>
