Question

在正文中加载脚本js文件后调用$（document）.ready（）吗？

如果我把$（document）.ready（）放在head元素的头部，它接受一个回调函数，该函数使用在文件中声明的函数，其脚本元素在体内加载，如：

<!DOCTYPE HTML>
<html>
<script src="jquery.js" type="text/javascript"></script>
<script>
$(function(){
hello();
})
</script>
<head>
</head>
<body>

<script src="http://somewhere/helloFuncDeclaration.js" type="text/javascript"></script>

</body>
</html>

这样做是否正确，并保证在调用函数hello（）之前将加载helloFuncDeclaration.js？

Answer 1

可以肯定的是，使用window onload handler：

$(window).on('load', hello);

或者像这样使用它：

<script onload="hello()" src="http://somewhere/helloFuncDeclaration.js" type="text/javascript"></script>

Answer 2

可以肯定的是，你可以使用window.load

$(window).load(function(){
   hello();
})

当load元素和所有子元素都有时，load事件被发送到元素已完全装满。此事件可以发送到任何元素与URL相关联：图像，脚本，框架，iframe和窗口对象。

http://api.jquery.com/load-event/

Answer 3

$(document).ready()在所有资产加载后运行，所以 - 是的

在加载正文中的所有脚本文件后调用$（document）.ready（）吗？

3 个答案: