使用带有数据属性的IE在javascript中添加脚本标记到DOM

时间:2013-01-30 03:25:27

标签: javascript dom requirejs

在我的页面上运行一些操作后,我需要将以下脚本标记添加到DOM中:

<script data-main="js/main" src="lib/Require/require.js"></script>

我知道最好的一切都将在我的require文件中,但是到目前为止我需要修补此功能才能在IE中使用。

我在FF / Chrome中使用的是:

var script = document.createElement('script');
script.setAttribute('data-main', 'js/main');
script.src = 'lib/Require/require.js';
document.getElementsByTagName('script')[0].parentNode.appendChihld(script);

但是,当我尝试设置属性'data-main'时,IE不喜欢它,因此无效。

我如何解决这个问题并让它将脚本元素添加到dom并让它同时加载脚本?

由于

1 个答案:

答案 0 :(得分:10)

这似乎在IE中运行良好:

var scriptTag = document.createElement("script");
scriptTag.type = "text/javascript";
scriptTag.src = "lib/Require/require.js";
scriptTag.setAttribute("data-main", "js/main");
( document.getElementsByTagName("head")[0] || document.documentElement ).appendChild( scriptTag );