插入JavaScript的HTML页面

间接的方式我遇到下面的脚本的网页源：插入JavaScript的HTML页面

<script type="text/javascript"> 
    WebFontConfig = {"typekit":{"id":"cmr1bul"}}; 
    (function() { 
    var wf = document.createElement('script'); 
    wf.src = 'https://s1.wp.com/wp-content/plugins/custom-fonts/js/webfont.js'; 
    wf.type = 'text/javascript'; 
    wf.async = 'true'; 
    var s = document.getElementsByTagName('script')[0]; 
    s.parentNode.insertBefore(wf, s); 
    })(); 
</script>

从我所看到的，这个脚本插入的https://s1.wp.com/wp-content/plugins/custom-fonts/js/webfont.js 在页面的第一个脚本之前的内容。以上两点有什么区别

<script type="text/javascript" src="https://s1.wp.com/wp-content/plugins/custom-fonts/js/webfont.js"> </script>

作为页面中的第一个脚本？使用更长的版本会获得什么？

来源

2016-03-04 Ewan Delanoy

这绝对等同于下面的代码，如果两个脚本元素之前的任何其他一个补充道：

<script>WebFontConfig = {"typekit":{"id":"cmr1bul"}};</script> 
<script src="https://s1.wp.com/wp-content/plugins/custom-fonts/js/webfont.js" async></script>

...或：

<script src="https://s1.wp.com/wp-content/plugins/custom-fonts/js/webfont.js" async></script> 
<script>WebFontConfig = {"typekit":{"id":"cmr1bul"}};</script>

...因为脚本是异步包括...

来源

2016-03-04 07:25:24

@ RokoC.Buljan这就是为什么我要告诉OP，就在*之前添加*之前。我错了吗？：D –

明白了：较长版本的优点是它可以放在页面的任何位置，它总是会导致首先放置webfont.js。 –

@EwanDelanoy是啊...顺便说一句，除非脚本必须真正添加这种方式，我建议你使用脚本元素.. –

回答

相关问题