怎么在Div标签中嵌入另一个HTML

html-css040

怎么在Div标签中嵌入另一个HTML,第1张

解答:

1,基于Jquery的DIV嵌套html

html代码:

<script src="js/jquery.js"></script> <div id="btn" > 新页面</div>

<div id="newDiv"></div>

js代码:

$(document).ready(function)(){

    $("#btn").click(function(){

    $('#newDiv').load('new.html')

  })

})

点击“新页面”即可实现添加

2,基于纯js代码实现嵌套:

html代码:

<button type="button" id="btn" onClick="javascript:load_home()" >

 确认</button>1

js代码:

function load_home() {

 document.getElementById("viewDiv").innerHTML = '<object 

type="text/html" data="new.html" width="100%" height="100%">

</object>'

   }

首先你想获取的那个Html文档,只写body里的内容,其他不要。

如果用jq的话,

ajax获取方法

$.ajax({

url:'xxxxx',

success:function(res){

//res是获取到html内容

//接下来是xxx.html(res)

}

})

另外是load()方法,

xxxx.load('xxx') //load里边是html文件的路径

<iframe name="ifraRight" id="ifraRight"  src="Main.aspx" frameborder="0" onload ="javascript:getWidth()" scrolling="yes"></iframe>添加ONLOAD事件,在里面写获取父类的高宽,从而赋给IFRAME作为限制