HTML网页div标签中嵌套其他html页面
2017-10-12 13:53
706 查看
主页面为main.html,点击在div添加html按钮id为btn,
div的id为viewDiv,要插入的本地html为new.html。
方法一:基于Jquery的DIV嵌套html(测试可用)
2
3
4
5
点击按钮即可在div中添加new.html。
方法二:纯js方法。(亲测可用,推荐此方法)
2
3
方法三:iframe 方法(未测试)
2
3
4
5
div的id为viewDiv,要插入的本地html为new.html。
方法一:基于Jquery的DIV嵌套html(测试可用)
<script src="js/jquery.js"></script>1
$(document).ready(function(){ $("#btn").click(function(){ $('#viewDiv').load('new.html'); }) })1
2
3
4
5
点击按钮即可在div中添加new.html。
方法二:纯js方法。(亲测可用,推荐此方法)
function load_home() { document.getElementById("viewDiv").innerHTML = '<object type="text/html" data="new.html" width="100%" height="100%"></object>'; }1
2
3
<button type="button" id="btn" onClick="javascript:load_home();" >确认</button>1
方法三:iframe 方法(未测试)
<div class="main-container" id="main" style="width:99%"> <iframe src="new.html" width="100%" height="100%" frameborder="0"> 您的浏览器不支持iframe,请升级 </iframe> </div>1
2
3
4
5
相关文章推荐
- HTML网页下,在div标签中嵌套其他html页面
- html标签被div嵌套页面字体变大的解决办法
- HTML 获取当前标签在页面的位置,并且把其他的浮动窗口显示过来
- html使用display:inline-block实现标签右对齐,值左对齐效果。和设置div宽度,并居中显示。嵌套div的里层div文字居中显示
- div+css 误区 html标准标签 css建议 静态页面制作
- Extjs 利用panel html属性加入DIV实现如TextArea的效果,并且能正确使用html标签,实现如向textarea文本域嵌入按钮button或其他控件,,而且兼容firefox
- 大学生简单网页div+css网页纯手写代码制作html静态页面切图排版
- Html-Css-div标签嵌套浮动div标签时无法撑开外部div的解决
- javaEE02 使用HTML的表单标签编写“注册页面”,使用DIV和CSS重写网站首页
- html学习笔记(四)——点击div实现网页页面跳转
- 手机端HTML网页生成 meta标签针对苹果手机页面设计问题
- 点击 Html Select 中的option标签时获得的鼠标坐标与点击页面上的其他地方存在差异
- 页面设计中a标签内嵌套div标签的高度问题
- 同一页面js获取DIV的高度并赋给另一个DIV或其他标签
- html页面显示div源代码:用<xmp></xmp>标签
- 利用html中的div标签实现网页中某一块区域的自动滚动
- 让html标签显示在页面上
- Html中嵌套其他HTML文件的几种方法(转)
- CSS+DIV实现多标签页面。
- HTML网页META标签内容写作规范要点