在页面主体中而不是在head元素中包含脚本有哪些缺点/问题？

Question

已经发布了关于将javascript放在元素内与关闭body标签()之前的优缺点的条目.<head></body>

但是我发现有时开发人员会将JavaScript代码放在HTML页面的任意位置.这似乎主要是由于懒惰.在页面的任意位置嵌入JavaScript代码有什么缺点？存在许多明显的缺点,例如没有缓存,重用次数较少等.在这方面您还能想到哪些其他缺点？

感谢asdvance.

Answer 1

读这个:

简短的故事是我们不想等待DOMContentReady(或更糟糕的加载事件),因为它会导致糟糕的用户体验.在从网络加载所有DOM之前,UI不响应.因此,首选方法是尽快使用内联脚本.

<div id="my-widget">&lt;/div>  
<script>  
    initWidget(document.getElementById('my-widget'));  
</script>

是的,它不容易维护,但它可以带来更好的用户体验.通过故意省略DOMContentReady包装器,我们已经能够阻止Google Apps在此反模式上使用.

还有这个: