Pourquoi ne pas IE8 poignée iframe onload événements?

Exemple de code:

<!DOCTYPE html>
<html>
<head>
<title></title>
<script>
function on_iframe_load() {
    document.getElementById('iframe_a').onload = function() {
        alert('Thanks for the visit!');
    };
}
</script>
</head>
<body>
<iframe name="iframe_a" id="iframe_a"></iframe>
<a href="http://www.example.com/" target="iframe_a" onclick="on_iframe_load();">Go!</a>
</body>
</html>

Il fonctionne dans tous les principaux navigateurs sans problème, mais IE8 (et probablement les versions antérieures) ne le comprennent pas.

Mise à jour: Juste venu avec une solution, mais je ne sais pas si c'est à droite de codage. Veuillez consulter:

<!DOCTYPE html>
<html>

    <head>
        <title></title>
        <script>
            var clicked = false;

            function activate() {
                clicked = true;
            }

            function pop() {
                if (clicked) {
                    alert('Thanks for the visit!');
                };
            }
        </script>
    </head>

    <body>
        <iframe name="iframe_a" onload="pop();"></iframe>
        <a href="http://www.example.com/" target="iframe_a" onclick="activate();">Go!</a>

    </body>

</html>

C'était peut-être déjà chargé?
Que voulez-vous dire? Le message d'alerte ne doit apparaître lorsque vous cliquez sur le lien, pas sur le chargement initial de la page.
J'ai laissé tomber votre code directement dans JSFiddle.net désactivé les bibliothèques. Ensemble IE9 pour travailler dans IE8 mode, et votre exemple fonctionne comme vous le souhaitez. Est-ce un "échantillon" de code que de s'opposer à un réel problème de code?( Je sais ie9 dans ie8 mode n'est pas un test exact)
Non, c'est le vrai code que j'ai essayé en réel IE8, pas dans un émulateur.
Yep juste essayé, si t 'fail' dans un véritable ie8, je peux le faire fonctionner à l'aide de onreadystatechanged événement...
Je ne pense pas que l'ajout d'indicateur pour le "clic" est une solution fiable. Vous pouvez essayer discrète façon de coder en javascript (regarde mon édité réponse). À l'aide de attachEvent pour IE et addEventListener pour les autres navigateurs résoudre votre problème.

InformationsquelleAutor Mori | 2012-10-16

À l'aide d'attributs intégré sur iframe semble résoudre ce problème dans 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>

mise à jour par la demande:

Vous devriez essayer d'écrire plus discrète javascript. L'écriture de code de cette manière peut vous empêcher de tels bugs étranges dans 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>

Merci pour la réponse! J'ai mis à jour la question avec une solution je suis juste venu avec. Veuillez s'il vous plaît consulter mon code et laissez-moi savoir ce que vous en pensez?

InformationsquelleAutor Inferpse

2

Il semble que vous ne pouvez pas ajouter une charge d'auditeur à un iFrame dans IE à l'aide de la propriété DOM une fois la page chargée.

Mais vous pouvez utiliser attachEvent, donc:
```
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);
    }
}
```
J'ai été le tester sous IE 6 et inversé le test habituel afin que attachEvent est utilisé de préférence à addEventListener. Vous pouvez tester les versions plus récentes d'internet explorer pour voir si l'ordre inverse de travaux et également de tester d'autres IE–comme les navigateurs tels que Opera.

Modifier

Modifié le code après le test (je suis bête) à utiliser addEventListener. Voici quelque chose qui fonctionne dans IE et les autres:
```
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;
    }
}
```
Et si vous utilisez un attribut onload de la balise, vous n'avez pas besoin d'ajouter l'écouteur à l'aide de script.

InformationsquelleAutor RobG

Il fonctionne 🙂

testé sur 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");
    }

InformationsquelleAutor StackOverFlow

2

Suffit d'utiliser jquery:
```
$(iframe).bind( 'load', function(){} );
```
InformationsquelleAutor Andris

Vous devez vous connecter pour publier un commentaire.

Modifier