如何让jquery在页面没加载完就可以执行,每次要等到整个hmtl加载完才可以执行jquery,这样很慢
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何让jquery在页面没加载完就可以执行,每次要等到整个hmtl加载完才可以执行jquery,这样很慢相关的知识,希望对你有一定的参考价值。
$(function()); 放在这里面的代码肯定要等页面加载完才执行了,要用jquery必须要等它的jquery.js这个100K+的文件加载完。当然,不等页面加载完,像$("#id")就获取不到id为id的元素。如果你完全不需要获取任何html元素,直接把代码放到<head>里,并且不用放到$(function())这里面。 参考技术A 整个页面就是因为加载了js所以变慢的……你要让js先执行就放在html文件的前面吧 参考技术B 你好:
$(document).ready(function());
或者你放在head里面;
一般设如果合理的设计程序,就不会有什么问题的.
希望能帮助到你.
页面加载完就执行的设置?
在JS中,如果希望在页面加载完成后执行某些操作的话,一般的写法如下:
window.onload = function(){// some thing to do};
但 是,onload函数的执行并不是我们通常所理解的浏览器构建完html页面对应的DOM树后立刻执行,而是要等到页面中所引用的图片等外部资源 完全下载完成后并且在浏览器中显示才执行,也就是说,如果页面中包括很多图片或者图片很大时将导致onload函数执行时间会被推迟很久,页面中基于 onload的特效或者其它相关内容将并不立刻可用,导致用户体验差。JQUERY的提供了一个自己的类似onload方式,通过该方法实现的页面加载后 执行函数将在浏览器构建完DOM树后立刻执行,而并不需要等待图片等外部资源下载完成。
可以在body标签中设置onload="init()"
并引入js代码:
<script>
var canvas, stage, exportRoot;
function init() {
createjs.MotionGuidePlugin.install();
canvas = document.getElementById("canvas");
images = images||{};
var loader = new createjs.LoadQueue(false);
loader.addEventListener("fileload", handleFileLoad);
loader.addEventListener("complete", handleComplete);
loader.loadManifest(lib.properties.manifest);
}
function handleFileLoad(evt) {
if (evt.item.type == "image") { images[evt.item.id] = evt.result; }
}
function handleComplete() {
exportRoot = new lib.flower();
stage = new createjs.Stage(canvas);
stage.addChild(exportRoot);
stage.update();
createjs.Ticker.setFPS(lib.properties.fps);
createjs.Ticker.addEventListener("tick", stage);
}
</script>
以上是关于如何让jquery在页面没加载完就可以执行,每次要等到整个hmtl加载完才可以执行jquery,这样很慢的主要内容,如果未能解决你的问题,请参考以下文章