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