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

怎么在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>'

   }

这个方式比较多

1、如果有现成的文本,包括json你可以用$("#id").html("page的内容");这个要有编辑好的dom元素。

2、你是把包装集和事件分开的话,也可以用$("#id").load("page内容");

3、你也可以用ajax,手写可以,用现有的库文件也行,在使用时,把压缩文件导入。一般是$.ajax(url,data...)这个用在异步 *** 作较多些,要有前后台同时 *** 作。

4、用a标签试一下,要是简单的用一些静态的,也可以用一下,我以前用过,具体怎么写我一下子想不起来,随后我帮你找下,现在我做一个银行的项目,时间不多。

*方法比较多, 建议你用试试,不是太难,希望对你有帮助


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/zaji/6116694.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存