div嵌套html不用iframe
發(fā)布時(shí)間：2014-04-11 15:25:14 作者：佚名 
我要評(píng)論
我要評(píng)論在不用iframe的情況下嵌套頁(yè)面，所以只好在div中嵌套，下面是具體的實(shí)現(xiàn)，主要使用到了jquery，大家可以參考下
最近在做作業(yè)中需要在不用iframe的情況下嵌套頁(yè)面，所以只好在div中嵌套，用的是jquery方法。
<script type="text/javascript">
$(document).ready(function() {
$("#button").click(function() {
$("#content").load("index.jsp");
});
});
</script>
只要代碼就是這么多，其中#button就是一個(gè)button的id，content就是你要插入html的div
而且不能直接用$("#button").click(function() {};因?yàn)檫@是在頁(yè)面加載前，所以加載頁(yè)面后你找不到你要的div，這是就要加上 $(document).ready(function() {};
還有一點(diǎn)關(guān)鍵的是很多人會(huì)忘了引用jquery，所以必須加上<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
復(fù)制代碼
代碼如下:<script type="text/javascript">
$(document).ready(function() {
$("#button").click(function() {
$("#content").load("index.jsp");
});
});
</script>
只要代碼就是這么多，其中#button就是一個(gè)button的id，content就是你要插入html的div
而且不能直接用$("#button").click(function() {};因?yàn)檫@是在頁(yè)面加載前，所以加載頁(yè)面后你找不到你要的div，這是就要加上 $(document).ready(function() {};
還有一點(diǎn)關(guān)鍵的是很多人會(huì)忘了引用jquery，所以必須加上<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
相關(guān)文章
iframe 多層嵌套 無(wú)限嵌套 高度自適應(yīng)的解決方案
有A,B,C三個(gè)頁(yè)面,A頁(yè)面包含B頁(yè)面,B頁(yè)面包含C頁(yè)面.A頁(yè)面隨著B(niǎo)頁(yè)面自適應(yīng),C頁(yè)面隨著B(niǎo)頁(yè)面自適應(yīng)，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下2013-09-23
關(guān)于解決iframe標(biāo)簽嵌套問(wèn)題的解決方法
這篇文章主要介紹了關(guān)于解決iframe標(biāo)簽嵌套問(wèn)題的解決方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一2020-03-04
