zoukankan      html  css  js  c++  java
  • 动态加载script和css标签的onload问题

    在firefox下,动态加载script标签和css标签,是可以简单地监听onload事件的,但在ie下,监听onload事件无效。为了解决这个问题,可以改用监听onreadystatechange,结合判断readyState的值是否等于loaded 或complete来判断是否onload。

    YUI根据ie,webkit和其它做了三种情况区分。实际工作中,我们只用考虑ie和ff就差不多了,写了个简单的小demo,动态加载ie下的firebug组件:


    =================================================


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>阿当制作</title>
    </head>

    <body>
    <script type="text/javascript">
    var s = document.createElement("script");
    s.src = 'http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js';
    s.type="text/javascript";
    if(document.all){
       s.onreadystatechange = function(){
        if(this.readyState == "loaded" || this.readyState == "complete"){
         alert("loaded success in ie");
        }
       }
    } else {
       s.onload = function(){
        alert("load success");
       }
    }
    document.body.appendChild(s);
    </script>
    </body>
    </html>

  • 相关阅读:
    豆豆
    艺术家
    姐姐
    书名与歌名
    MySQL
    杂文
    武侠
    青年诗人
    那些歌
    传世
  • 原文地址:https://www.cnblogs.com/cly84920/p/4426928.html
Copyright © 2011-2022 走看看