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

Javascript 使用数据属性动态加载脚本,javascript,Javascript,我想动态加载这个脚本,它包含数据属性 <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 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>

设置数据属性不是这里的实际问题,但是您试图错误地设置类(看起来很重要)

该部分需要是
script.className='podigee podcast player'

var s=document.getElementsByTagName(“正文”)[0].appendChild(脚本,s);
调用
appendChild()
时,
appendChild()方法中的
s
参数不存在。另外,
appendChild()
只需要子元素作为参数。 试着做

var s=document.getElementsByTagName(“正文”)[0].appendChild(脚本);

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

您是否查看了开发人员工具中关于如何嵌入脚本的内容?它应该出现在您的HTMLTry simple adding attribute
script.setAttribute('data-configuration','https://pt.podigee.io/embed?context=external)
这也是一个问题,我没有注意到。
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);