前端页面加载其他html（页面的三级架构）
2018-01-16 09:44
176 查看
//主页面框架
<body style="padding: 0;margin: 0;">
<section class="top" style="width: 100%;height: 40px;background: #ab2727;color: #fff"></section>
<section class="menu" style="width: 80px;height: 100%;background: #000;color: #fff""></section>
<script type="text/javascript" src="jquery.min.js"></script>
<script>
$(".top").load("page/3.html");
$(".menu").load("page/2.html");
</script>
</body>
//引入页面
<section>
<span>我是菜单模块</span>
</section>
<body style="padding: 0;margin: 0;">
<section class="top" style="width: 100%;height: 40px;background: #ab2727;color: #fff"></section>
<section class="menu" style="width: 80px;height: 100%;background: #000;color: #fff""></section>
<script type="text/javascript" src="jquery.min.js"></script>
<script>
$(".top").load("page/3.html");
$(".menu").load("page/2.html");
</script>
</body>
//引入页面
<section>
<span>我是菜单模块</span>
</section>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- html总结 iframe 的神奇用法 无刷新加载其他页面的内容
- HTML页面中直接加载其他JSP页面
- 页面爬虫(获取其他页面HTML)加载到自己页面示例
- 页面爬虫（获取其他页面HTML）加载到自己页面
- jquery+html三级联动下拉框及详情页面加载时的select初始化问题
- 页面爬虫（获取其他页面HTML）加载到自己页面
- 前端技术-HTML页面的加载
- 前端html页面内容的加载顺序
- js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件，兼容各大主流浏览器 HTML特殊字符
- HTML页面加载和解析流程详细介绍
- html页面加载原理和浏览器应用程序交互原理
- 【HTML/JS】利用JQuery的load函数动态加载其它页面的内容的实现代码
- 对于HTML页面中CSS, JS, HTML的加载与执行过程的简单分析
- html页面加载顺序
- HTML页面加载和解析流程
- webview html页面加载本地js及img src
- spring boot 使用velocity、freeMarker模板创建html页面返回给前端
- Web前端学习第十二天·fighting_HTML页面设计技巧总结（一）
- html页面上加载视频播放功能