javascript的顺序在页面中是否重要？

Question

只要我在jquery $().ready()中调用我的javascript代码; 函数不应该访问我的javascript代码中声明的所有变量？

我有来自.js文件和内联的代码.

我试图访问一个变量,它说它没有定义,但当我做一个viewource时,我可以看到该变量.

Answer 1

javascript的顺序确实很重要.Javascript在页面中以线性方式执行,因此如果你有两个这样的<script>标签:

<script src="test1.js"></script>
<script src="test2.js"></script>

test1.js将被加载并首先运行test2.js.全局声明的任何内容test1.js都可以在第二个脚本中访问,但不是相反.

这样做的副作用是脚本在加载时也会阻塞,因此如果加载时test1.js花费很长时间,您会看到减慢页面加载时间.这就是为什么建议在页面底部放置任何不是立即需要的javascript,这样几乎整个事情都会在javascript加载之前显示出来.

在jquery中的"on ready"事件中,理论上你应该可以访问作为DOM的一部分加载的任何东西,因为在DOM结构完全构建之前,这在技术上应该不会触发.