页面加载完就执行的设置？

在JS中，如果希望在页面加载完成后执行某些操作的话，一般的写法如下：

window.onload = function(){// some thing to do};

但是，onload函数的执行并不是我们通常所理解的浏览器构建完html页面对应的DOM树后立刻执行，而是要等到页面中所引用的图片等外部资源完全下载完成后并且在浏览器中显示才执行，也就是说，如果页面中包括很多图片或者图片很大时将导致onload函数执行时间会被推迟很久，页面中基于 onload的特效或者其它相关内容将并不立刻可用，导致用户体验差。JQUERY的提供了一个自己的类似onload方式，通过该方法实现的页面加载后执行函数将在浏览器构建完DOM树后立刻执行，而并不需要等待图片等外部资源下载完成。

可以在body标签中设置οnlοad="init()"

并引入js代码：

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>

需要加入补间动画js和循环显示动画的js

转载于:https://www.cnblogs.com/duanzhange/p/9009292.html

页面加载完就执行的设置？相关推荐

怎样使页面加载完再执行js代码
怎样使页面加载完再执行js代码由于HTML页面的加载顺序是从上到下,所以js代码要写在页面靠下的位置,否则可能会发生元素获取不到的问题,为了避免这种情况,可以通过页面元素加载完之后,再执行js代码, ...
js 和jQuery（自动执行函数）立即执行函数和页面加载完后执行函数写法
js 立即执行函数的写法. js 立即执行函数只能用于匿名函数,如果声明了函数名是不可以用立即执行的,通常在函数表达式后加一对小括号()用于立即执行如果想让函数不被调用的情况下,立即自动执行,需要在 ...
在页面加载完后执行jQuery代码
$(window).load(function() { (function($){ $(document).ready(function(){ //这里写需要执行的代码 }); })(jQue ...
vue.js页面加载完就执行methods里的方法
mounted:function (){ this.start(); }, methods:{ start:function(){ time=setInterval(function(){ vm.nu ...
html5 载入网页显示,页面加载完之前显示Loading
1.第一种方式 HTML loading... CSS .loader { position: fixed; left: 50%; top: 50%; margin: -0.2em 0 0 -0.2e ...
从输入 URL 到页面加载完的过程中都发生了什么事情 —— 网络优化篇
转自从输入 URL 到页面加载完的过程中都发生了什么事情 -- 网络优化篇想到这不就是我这两年来研究的东西么,于是就接受一下挑战.网上已经有很多版本的答案了.这道题可以从浏览器端,网络传输和服 ...
ExtJS 等待两个/多个store加载完再执行操作
Extjs加载Store是异步加载的,这有很多好处.但是当我们要在两个或多个不同的store加载完再执行一些操作时,异步加载就成了一个问题.在Stack Overflow 等网站搜集并试用了几个处理方 ...
html5页面加载执行动作,页面加载完成后执行JS的5种方式
在js和jquery使用中,常用到页面加载完成后执行某一方法.经过整理,大概是五种方式.javascript 1.jQuery的$( function(){} );html 2.jQuery的$(do ...
vue组件加载完成之后执行方法_vuejs页面加载完成后执行函数
module.exports = { data: function(){ return { memberQrcodeState: false } }, components: {memberQrcod ...
vue组件加载完成之后执行方法_vuejs实现ready函数加载完之后执行某个函数的方法...
编程之家收集整理的这篇文章主要介绍了vuejs实现ready函数加载完之后执行某个函数的方法,编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考. vue.js 教程 Vue.js(读音 /v ...

页面加载完就执行的设置？

页面加载完就执行的设置？相关推荐

最新文章

热门文章