发表新帖
发表新帖

Why doesn't IE8 handle iframe onload events?

后端 未结
关注
4 931
你的背包
你的背包 2021-01-01 02:13

Sample code:
相关标签:
4条回答
  • [愿得一人]
    2021-01-01 02:57

    It seems you can't add a load listener to an iFrame in IE using the DOM property once the page has loaded.

    But you can use attachEvent, so:

    function on_iframe_load() {
    function foo() {
        alert('Thanks for the visit!');
    };
    var el = document.getElementById('iframe_a');

    if (el.attachEvent) {
      el.attachEvent('onload',foo);
    } else if (el.addEventListener) {
      el.addEventListener('load', 'foo', false);
    }
}

    I was testing in IE 6 and reversed the usual test order so that attachEvent is used in preference to addEventListener. You may want to test more recent versions of IE to see if the opposite order works and also test other IE–like browsers such as Opera.

    Edit

    Modified the code after testing (silly me) to use addEventListener. Here's something that works in IE and others:

    function on_iframe_load() {
    function foo() {
        alert('Thanks for the visit!');
    };
    var el = document.getElementById('iframe_a');

    if (el.attachEvent) {
      el.attachEvent('onload',foo);

    } else {
      el.onload = foo;
    }
}

    And if you use an onload attribute in the markup, you don't need to add the listener using script.

    0 讨论(0)
  • 孤街浪徒
    2021-01-01 03:04

    It works :)

    tested on IE8, ff, chrome 

    var iframe = document.getElementById('iframeid');

    if (iframe .attachEvent) {
      iframe .attachEvent('onload',alert("IE Iframe loaded"));

    } else {
      iframe .onload = alert("Other than IE Iframe loaded");
    }
    0 讨论(0)
  • 时光取名叫无心
    2021-01-01 03:15

    Using inline attribute on iframe seems to fix this issue in IE8:

    <!DOCTYPE html>
<html>
<head>
<title></title>
<script>
function onIframeLoad(iframe) {
    if(iframe.src) {
        alert('Thanks for the visit!');
    }
}
function onLinkClick(url) {
    document.getElementById('iframe_a').src = url;
}
</script>
</head>
<body>
<iframe id="iframe_a" onload="onIframeLoad(this);"></iframe>
<a href="http://www.example.com/" onclick="onLinkClick(this); return false;">Go!</a>
</body>
</html>

    update by request:

    You should try writing more unobtrusive javascript. Writing code in such way may prevent you from such strange bugs in IE.

    <!DOCTYPE html>
<html>
<body>
    <iframe id="display-frame"></iframe>
    <a href="http://www.example.com/">Go!</a>
    <script>
        window.onload = function() {
            var iframe = document.getElementById('display-frame'),
                link = document.getElementsByTagName('a')[0];

            // load handler
            function onIframeLoad() {
                alert('Thanks for the visit!');
            }

            // event handlers
            if(iframe.addEventListener) iframe.addEventListener('load', onIframeLoad, false);
            else if(iframe.attachEvent) iframe.attachEvent('onload', onIframeLoad);

            link.onclick = function() {
                iframe.src = this.href;
                return false;
            }
        };
    </script>
</body>
</html>
    0 讨论(0)
  • 难免孤独
    2021-01-01 03:17

    Just use jquery:

    $(iframe).bind( 'load', function(){} );
    0 讨论(0)
 看不清?
提交回复
热议问题