Question

好的，我有这个功能：

/* jsHandler.js */
function inc(filename)
{
var body = document.getElementsByTagName('body').item(0);
script = document.createElement('script');
script.src = filename;
script.type = 'text/javascript';
body.appendChild(script)
}

我想要的是扩展脚本告诉js在哪里插入js.file，比如说我在html中有这个：

<div id="mydiv"></div>
<iframe id="myiframe"></iframe>

我打电话

inc(this.js, mydiv)

将js.file包含在div“mydiv”中，

导致：

<div id="mydiv"><script src="this.js" type="text/javascript"></script></div>

我该怎么做？

Answer 1

您总是选择body元素

var body = document.getElementsByTagName('body').item(0);

并简单地将script标记附加到其中：

body.appendChild(script)

你想做什么
选择目标元素并将其附加到那里。

var target = document.getElementsById(mydiv);
// ... other code lines
target.appendChild(script)

Answer 2

试试这个......

/* jsHandler.js */
function inc(filename,target)
{
var targetelement= document.getElementById(target); // get the target element
script = document.createElement('script'); 
script.src = filename;
script.type = 'text/javascript';
targetelement.appendChild(script); // add the script to the target
}

如何在特定标签中包含javascript文件？

2 个答案: