我是靠谱客的博主 勤劳鞋子,最近开发中收集的这篇文章主要介绍html原生onload方法执行在jq的.on方法之前哦!,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

刚刚将jq的.load换为.on('load', 想起来还有个原生的onload事件,手痒测试了一下,有收获哦!

$(function () {
document.getElementById('imgx').οnlοad=function(){
// 加载完成
//
alert('load ok');
$('#imgwh').text ('loaded ok');
var w = $('#imgx').width();
var h = $('#imgx').height();
mwhr=w/h;
$('#imgwh').text(w+','+h+':@'+mwhr) ;
//$('img').attr('src' , url).show();
if(dwhr>mwhr){
//alert('xh');
}else{
//alert('xw');
}
console.log('img完毕');
};
/* */
$('#imgx').on('load',function() {
//alert('load');
console.log('加载完毕');
$('#imgwh').text ('loaded');
});
});

执行结果:


img完毕     imgz.html:29 

加载完毕     imgz.html:35 

     

看来可以根据执行前后时间来决定玩法了哦。 

最后

以上就是勤劳鞋子为你收集整理的html原生onload方法执行在jq的.on方法之前哦!的全部内容,希望文章能够帮你解决html原生onload方法执行在jq的.on方法之前哦!所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(42)

评论列表共有 0 条评论

立即
投稿
返回
顶部