跳转到主内容
新派编程网 - 新潮编程理念,全新技术课堂!

动态加载HTML内容:通过iframe实现菜单驱动的页面局部更新

本文介绍如何在不重复维护多个 html 文件的前提下,利用zuojiankuohao php cniframe>元素根据顶部下拉菜单或侧边栏链接动态加载不同部门手册、蓝图等独立html内容,兼顾老旧 android 设备兼容性与实现简洁性。 要实现“点击菜单项即切换主内容区显示不同HTML文件”的效果,最轻量、最兼容(尤其适配无现代JavaScript支持的旧版Zebra扫描终端 浏览器 )的方案是使用原生HTML的
然后修改所有菜单链接,添加 target="contentFrame": ? 顶部下拉菜单示例(以 Fabrication 为例):
  • Fabrication
    • Equipment Manuals
    • Blueprints
    • SOPs
  • ? 左侧侧边栏示例:
    ✅ 优势说明: 完全兼容老旧浏览器:Zebra扫描器使用的旧版Android WebView(如Android 4.x内置浏览器)原生支持