JS动态创建元素

最新推荐文章于 2023-03-01 22:55:04 发布

最新推荐文章于 2023-03-01 22:55:04 发布 · 183 阅读

文章标签：

#JavaScript #ViewUI

JavaScript技术专栏收录该内容

5 篇文章

订阅专栏

本文介绍了使用JavaScript动态创建iframe及script元素的方法。通过简单的代码示例，展示了如何设置元素属性并将其添加到DOM中，实现网页内容的动态加载。

1、JS动态创建iframe

<script language="JavaScript">
var ifm = document.createElement("iframe");
ifm.id="ifm";
ifm.width="100%";
ifm.frameborder=1;
ifm.src="http://www.cnfol.com";
document.body.appendChild(ifm);
</script>

2、JS动态创建script

<div id="board" style="display:none;"></div>
<script type="text/javascript">
var board = document.getElementById("board");
var newscript = document.createElement("script");
newscript.type="text/javascript";
newscript.src=“XXX.js”;
newscript.id = 'test';
var object = board.appendChild(newscript);
</script>