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 attributescript.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);