使用数据属性动态加载脚本

Question

我想动态加载这个脚本，它包含数据属性

<script class="podigee-podcast-player" 

  src="https://cdn.podigee.com/podcast-player/javascripts/podigee-podcast-player.js" data-configuration="https://pt.podigee.io/embed?context=external">

</script>

我试过了。但这对我不起作用。这是设置数据配置属性的正确方法吗？我在哪里犯错？

var script = document.createElement('script'); 

script.type = 'text/javascript';

script.async = true;

script.src = 'https://cdn.podigee.com/podcast-player/javascripts/podigee-podcast-player.js';

script.class = 'podigee-podcast-player';

script.dataset.configuration = 'https://pt.podigee.io/embed?context=external';

var s = document.getElementsByTagName("body")[0].appendChild(script, s);

Answer 1

设置数据属性不是这里的实际问题，但您试图错误地设置类（这似乎很重要）。

那部分需要script.className = 'podigee-podcast-player';

Answer 2

当你打字时

var s = document.getElementsByTagName("body")[0].appendChild(script, s);

调用时方法s中的参数不appendChild()存在。appendChild()也appendChild()只需要子元素作为参数。尝试做

var s = document.getElementsByTagName("body")[0].appendChild(script);

var s = 此外，如果您计划使用返回的值，则只需要键入appendChild()，根据文档，返回值是子元素本身。