(js有关图片加载问题)dom加载完和onload事件

引用旺旺的话。。。哈哈哈
DOMContentLoaded事件表示页面的DOM结构绘制完成了,这时候外部资源(带src属性的)还没有加载完。
而onload事件是等外部资源都加载完了就触发的。
$.ready()里的事件就是DOMContentLoaded。
贴代码:
此代码用于图片加载完以后,得到它相关属性。

var addEvent = function (element, eventType, fn) {
    if (window.addEventListener) {
        element.addEventListener(eventType, fn, false);
    } else if (window.attachEvent) {
        element.attachEvent("on" + eventType, fn);
    }
}
 
addEvent(window, "load", function () {
    $(".textVersion").each(function () {
        var $dom = $(this);
        if ($dom.data("info").TextAlign == 1 || $dom.data("info").TextAlign == 2) {
            $(this).attr("orgwidth", $dom.width());
        }
    });
   for (i = 0, l = TextJson.length; i < l; i++) {
    if(TextJson[i].Type==1)
    {
       TextJson[i].TemplateTransactionID == symbol.frontId
                    ? $("#lists ul").append("<li><input class=\"y_inp\" maxlength=\"100\" id=\"ipt-" + TextJson[i].TextPropertyId + "\" value=\"" + TextJson[i].Text + "\" type=\"text\" rel=‘#text-" + TextJson[i].TextPropertyId + "‘/></li>")
                    :
                        $("#lists1 ul").append("<li><input class=\"y_inp\" maxlength=\"100\" id=\"ipt-" + TextJson[i].TextPropertyId + "\" value=\"" + TextJson[i].Text + "\" type=\"text\"  rel=‘#text-" + TextJson[i].TextPropertyId + "‘/></li>");
    }
   }
});

  

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。