Javascript HTML页面中JS的执行顺序

假设我有这样的东西

<script type="text/javascript" src="somefile.js"></script>
<div>something</div>
<script type="text/javascript">
// Some INLINE javascript
</script>

某物
//一些内联javascript

---

是否保证（所有浏览器）在执行内联js代码时，somefile.js都已加载，并且可以在它之前的div上操作？

保证您可以从somefile.js访问代码

但是，DOM目前尚未准备就绪，因此您无法访问div。如果要访问，请使用以下构造：

<div>something</div>
<script type="text/javascript">
// document.write calls go here, not in onReady

function onReady() {
    document.getElementsByTagName('div')[0].setAttribute('class', 'loaded');
    // Or other inline JavaScript
}

if (document.addEventListener) {
    document.addEventListener('DOMContentLoaded', onReady, false);
} else {
    window.onload = onReady;
}
</script>

---

看看这个：我不能从somefile.js或内联？John-you-can访问div，但只能在一个回调函数中访问，这个回调函数在DOM完全加载后才会被激发。更新了一个例子。

$(function() {
   // inline code ...
});