我正在寻找一种方法，在页面完全加载后加载jquery。
虽然这里有很多关于它的问题和答案，但都描述了如何运行一个需要在页面或jquery完全加载后运行的脚本。
我要找的是先加载页面，然后调用jquery，在jquery加载后调用函数。类似于：
document.onload=function(){
var fileref=document.createElement('script');
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", 'http://code.jquery.com/jquery-1.7.2.min.js');
//Here I need an event to know that jquery is
//loaded to run stuff that needs jquery
}
试试这个:
$(document).ready(function() {
// When the document is ready
// Do something
});
$(window).bind("load", function() {
// Your code here.
});
对于您的问题，解决方案可能是使用由Google托管的CDN和特定库进行附加：
https://developers.google.com/speed/libraries/devguide
此外，您可以在页面底部添加以下内容（就在</body>之前）：<script type="text/javascript">
(function() {
var script = document.createElement('script')
script.setAttribute("type", "text/javascript")
script.setAttribute("src", "https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js")
document.getElementsByTagName("head")[0].appendChild(script)
})();
</script>
$(document).ready在这种情况下无法使用）。因此，我的答案是：像谷歌建议的那样使用CDN；将您的javascript放在</body>之前的底部；忽略来自分析器的标志。window.onload() 来等待 jQuery 加载完成。 - Josiah<body>块中，以加快页面加载速度，示例如下：<body>
<!-- your content -->
<!-- your scripts -->
<script src=".."></script>
</body>
</html>
window.onload=function(){
// Run code
};
document.onload=function(){
var fileref=document.createElement('script');
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", 'http://code.jquery.com/jquery-1.7.2.min.js');
document.getElementsByTagName("head")[0].appendChild(fileref);
waitForjQuery();
}
function waitForjQuery() {
if (typeof jQuery != 'undefined') {
// do some stuff
} else {
window.setTimeout(function () { waitForjQuery(); }, 100);
}
}
<!doctype html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="">
</head>
<body>
<!-- PAGE CONTENT -->
<!-- JS -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>
$(function() {
$('body').append('<p>I can happily use jQuery</p>');
});
</script>
</body>
</html>
只需将您的脚本添加到<body>标签的末尾。
由于实际原因，有些脚本需要放在头部，最突出的库是Modernizr
$（document）.ready（...）），因此您不会注意到任何区别。 - nirazuljQuery(document).trigger('jquery.loaded');
然后你就可以绑定到那个触发事件。
如果您想在内容加载完成之前避免加载jquery，最好的方法是将其引用放在页面底部，就像其他答案中所说的那样。
使用CDN。这样，您的网站可以使用用户计算机上可能已缓存的版本。开头的//允许它被调用（并使用相同的资源），无论是http还是https。例如：
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
使用CDN有几个重要的好处：它使得用户更有可能从另一个站点缓存它，因此不会下载（也不会阻止渲染）。此外，CDN使用最近、最快的连接，这意味着如果它们确实需要加载它，它可能比连接到您的服务器更快。来自Google的更多信息。
放置脚本在底部。尽量将您的js代码放在页面底部。我使用php在页脚之下包含一个包含所有JS资源的文件。