后台管理系统菜单点击不刷新页面，只刷新主体部分

最新推荐文章于 2024-07-16 17:08:33 发布

CHINAHamilton

最新推荐文章于 2024-07-16 17:08:33 发布

阅读量1.1w

点赞数 7

分类专栏：学习记录代码记录文章标签： layui iframe 不刷新页面

本文链接：https://blog.csdn.net/CHINAHamilton/article/details/83002522

版权

layui框架后台模板

1、利用iframe标签

  <div class="layui-body">
    <!-- 内容主体区域 -->
    <div style="padding: 15px;">
    	<iframe class="layadmin-iframe ifrem_voice" src="welcome.html" width="100%" height="700px"frameborder="0" name="voiceList" scrolling="no"></iframe>
    </div>
  </div>

主体部分就写一个iframe标签，然后命名name，src可以是初始的。
然后菜单的target标签就填name来绑定。

        <li class="layui-nav-item">
          <a class="" href="javascript:;">录音管理</a>
          <dl class="layui-nav-child">
            <dd><a href="uploadVoice.html" target="voiceList">录音上传</a></dd>
            <dd><a href="voiceList.html" id=