La détection de l'événement onload de la fenêtre ouverte avec fenêtre.ouvert

 window.popup = window.open($(this).attr('href'), 'Ad', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0');
 $(window.popup).onload = function()
        {
                alert("Popup has loaded a page");
        };

Cela ne fonctionne pas dans n'importe quel navigateur, j'ai essayé avec (IE, Firefox, Chrome). Comment puis-je détecter lorsqu'une page est chargée dans la fenêtre (comme un iframe onload)?

  • Je suppose que vous avez déjà le onLoad dans votre <BODY> quelque part?
  • Supposons que je ne contrôle pas la page, c'est l'ouverture de la popup
  • Qu'essayez-vous de le faire avec $(...).onload là? Quel est le problème avec juste window.popup.onload?
  • ^ c'est probablement ce qui est mal avec elle en fait.. EDIT: yep..qu'il fixe, mais pas pour le cross-domain
InformationsquelleAutor Christopher Tarquini | 2010-06-13
  1. 19

    Si le pop-up du document à partir d'un domaine différent, ce n'est tout simplement pas possible.

    Mise à jour avril 2015: je me suis trompé à ce sujet: si vous possédez les deux domaines, vous pouvez utiliser window.postMessage et message événement dans à peu près tous les navigateurs qui sont pertinents aujourd'hui.

    Si pas, il n'y a encore aucun moyen que vous serez en mesure de faire ce travail de la croix-navigateur, sans l'aide du document chargé dans la fenêtre pop-up. Vous devez être en mesure de détecter un changement dans la fenêtre pop-up qui se produit une fois qu'il a chargé, ce qui pourrait être une variable JavaScript dans le menu en haut de page lors qu'il gère son propre load de l'événement, ou si vous avez un certain contrôle de ce que vous pourriez ajouter un appel à une fonction dans le premier match.

    • Un moyen simple de le vérifier pour surveiller la disponibilité d'une fonction JS dans l'autre page dans un appel setTimeout ().
    • Selon ce post stackoverflow.com/questions/25098021/... c'est possible, mais vous devez posséder les deux domaines.
    • Merci. J'ai mis à jour ma réponse.
    InformationsquelleAutor Tim Down
  2. 50
    var myPopup = fenêtre.ouvert(...); 
myPopup.la méthode addEventListener('load', myFunction, false);

    Si vous vous souciez c'est à dire, utiliser la suite de la deuxième ligne à la place:

    myPopup[myPopup.la méthode addEventListener ? 'addEventListener' : 'attachEvent']( 
(myPopup.attachEvent ? 'on': ") + "load", myFunction, false 
);

    Comme vous pouvez le voir, le soutien IE est assez lourd et doit être évitée si possible. Je veux dire, si vous avez besoin de soutien IE à cause de votre public, par tous les moyens, de le faire.

    • De toute façon, je peux faire cette inter-domaine?
    • Malheureusement pas. Pour des raisons de sécurité, les navigateurs de désactiver le JavaScript objet de l'interaction entre des domaines différents.
    • Cela ne peut pas fonctionner dans tous les navigateurs.
    • Ensuite, il suffit d'utiliser un tertiaire conditionnelle. Je vais l'ajouter.
    • +1 Tim, cela ne fonctionne pas dans IE; Tim réponse ci-dessus est correcte.
    • Ma réponse est également correcte. Je ne vois pas le problème, vraiment.
    • J'ai passé des heures à la recherche d'une solution, et c'est la seule qui a fonctionné pour moi. Une chose de notes, c'est que Firefox semble ouvrir la boîte de dialogue d'impression avant d'être complètement chargement de la page. Cela aura pour résultat de l'impression d'une page vierge. J'ai eu autour de ce par de détecter le navigateur, puis à l'aide d'un événement onload si nécessaire. Cela peut ne pas être la meilleure approche, mais cela fonctionne pour moi. Voici mon code:
    • var w = window.ouvert(targetUrl, "_blank"); w[w.la méthode addEventListener ? 'addEventListener' : 'attachEvent']( (w.attachEvent ? 'on': ") + "load", doPrint(w), false );
    • fonction doPrint(w) { if (navigator.userAgent.recherche("MSIE") >= 0) { console.journal (le Navigateur est internet explorer"); w.print(); } else { w.onload = function() { w.print(); } } }
    • Désolé, j'ai de la difficulté avec cela, pourriez-vous me dire pourquoi il ne fonctionne pas?jsfiddle.net/9Lmdwb5y

    InformationsquelleAutor Delan Azabani
  3. 6

    De noter que cette réponse est https://stackoverflow.com/a/3030893 aka La détection de l'événement onload de la fenêtre ouverte avec fenêtre.ouvert solution est idéale:

    javascript: /* IE will use 1 ignore 1 w/error, FF t'other way 'round */
 (function(ow){
   ow . addEventListener(  'load', function(){alert("loaded")}, false);
   ow .      attachEvent('onload', function(){alert("loaded")}, false);
  }(window.open(prompt("Where are you going today?",location.href),"snapDown")))

    Cependant, d'autres observations et réponses perpétrer plusieurs idées fausses, erronées, comme expliqué ci-dessous.

    Le script suivant montre le tempérament temporelles de l'inconstance de la définition de onload. Appliquer le script pour un chargement rapide location.href comme file:/// et une certaine lenteur du site pour voir le problème. Il est possible de voir onload message ou pas du tout (par le rechargement d'une page chargée en tous les 3 variations peuvent être vus). Il est également supposé que la page en cours de chargement lui-même ne définit pas un onload événement qui ne ferait qu'aggraver le problème.

    La onload's gestionnaire d'événement définitions sont certainement pas "à l'intérieur du popup balisage HTML", bien qu'ils réside finalement dans le DOM de la body ... de la HTML.

    javascript:
window.popup=window.open(location.href,'snapDown');
window.popup.onload=function(){alert("message one ")};
alert("message 1 maybe too soon\n"+window.popup.onload);
window.popup.onload=function(){alert("message two")};
alert("message 2 maybe too late\n"+window.popup.onload);

    ce que vous pouvez faire:

    • ouvrir un étranger URL
    • sur les étrangers URL pg. barre d'adresse, saisissez un javascript: ... URI

      il héritera du même site les politiques comme les étrangers URL

      NB. le javascript peut-être besoin d'être mis en signet comme un bookmarklet depuis la barre d'adresse URI javascript:'s ne sont pas efficaces dans récente (vers 2012) les navigateurs
    • effectivement cela donne de la croix de domaine d'accès, mais la note:
      1. le javascript est pas autochtones à une page web ou d'un site, ce qui signifie qu'il est d'origine a un apatride, de la nationalité et donc intrinsèquement satisfait css (x-site scripting) et sop (même origine) règles d'immigration
      2. elle est invoquée manuellement via la barre d'adresse ou des signets ET des

        le script est manuellement entré dans des endroits

    Ainsi toute la page, enfin presque, indépendamment de l'origine, peut être modifié comme:

    javascript:
  if(confirm("wipe out links & anchors?\n"+document.body.innerHTML))
     void(document.body.innerHTML=document.body.innerHTML.replace(/<a /g,"< a "))

    (enfin presque ...

    jar:file:///usr/lib/firefox/omni.ja!/chrome/toolkit/content/global/aboutSupport.xhtml

    Mozilla FF page de résolution des problèmes et d'autres jar archives sont des exceptions)

    Comme un autre exemple:

    Régulièrement désactiver google usurpation de la cible pg. hits, le changement c'est rwt fonction comme suit:

    javascript:void(rwt=function(unusurpURL){return unusurpURL})

    et mettre en signet ce que spay google (neuteralize google?) c'est à dire. c'est "fixe".

    Ce signet est ensuite cliqué avant tout google hits cliqué, alors les signets de l'une de ces hits sont propres et pas le mongrelized pervers des aberrations que google faite.

    tests effectués avec

    window.navigator.userAgent=
Mozilla/5.0 (X11; Ubuntu; Linux i686; rv:11.0) Gecko/20100101 Firefox/11.0

    Il convient de noter que addEventListener dans Mozilla n'a qu'une non-standard quatrième paramètre booléen qui, si true permet à un contenu non approuvé déclenche à être instancié pour les pages étrangères.

    ref:

    de l'élément.la méthode addEventListener | Modèle d'Objet de Document (DOM) | MDN:

    L'Interaction entre les privilégiés et non-privilégiés pages | extraits de Code | MDN:

    Signet:

    La détection de l'événement onload de la fenêtre ouverte avec fenêtre.ouvert

    • Il y a beaucoup de phrases dans cette réponse, qui disent une chose et puis sont suivis par une autre phrase de la correction de la précédente. Ce qui les amènent à être difficile à suivre. Il y a de bonnes informations ici, c'est juste difficile à voir. Vous obtiendrez plus upvotes en parlant plus clairement.
    • Aussi, si répond à cette question par une autre question, peut-être il vaut la peine de le marquant comme un double de cette question et de diriger la personne à l'autre question dans un commentaire.
    • Référencé dans la réponse a été directe share à un lien posté réponse à cette question -, il aurait été mieux ... fait! ...
    • upvotes en soi ne sont pas une préoccupation - l'obfuscation? espérons-le, rien n'est directement contradictoires - "la perpétration d'idées fausses" fait référence aux précédents commentaires et réponses à propos de x-site scripting et l'origine des politiques et espérons-le, pas par cette réponse! - la prose, je l'espère, qualifiés et vérifiés de façon plus succincte et précise par les données empiriques de l'exécution de la fonctionnelle exemples de code - ow! (S stylo L indow ou devrait-il être function(ouch), un jeu de mots en référence à la non traitée condition d'erreur dans le 1er exemple!) la prose est assez pointu, si l'écriture ça fait mal puis le lire...!
    • Votre style d'écriture est très difficile à lire. Mon cerveau blessé en essayant de discerner le sens de cette réponse. La concision est pas une mauvaise chose.
    • Est l'auto fonction appelante avait vraiment besoin !?

    InformationsquelleAutor ekim
  4. 3

    Cela a fait l'affaire pour moi; exemple complet:

    HTML:

    <a href="/my-popup.php" class="import">Click for my popup on same domain</a>

    Javascript: 

    (function(){
    var doc = document;

    jQuery('.import').click(function(e){
        e.preventDefault();
        window.popup = window.open(jQuery(this).attr('href'), 'importwindow', 'width=500, height=200, top=100, left=200, toolbar=1');

        window.popup.onload = function() {
            window.popup.onbeforeunload = function(){
                doc.location.reload(true); //will refresh page after popup close
            }
        }
    });
})();
    • faut dire que cela ne fonctionne que si les domaines sont tous les deux le même
    InformationsquelleAutor Sebastiaan Ordelman
  5. 1

    onload gestionnaire d'événement doit être à l'intérieur du popup HTML <body> balisage.

    • C'était la seule façon que je pouvais déclencher, essayé à peu près toutes les autres façons possibles - grâce. $(popup).find('body').attr('onload', 'window.print();'); travaillé à la fin.
    InformationsquelleAutor Thevs
  6. 0

    Le cœur du problème semble être que vous ouvrez une fenêtre d'affichage d'une page dont le contenu est déjà mis en cache dans le navigateur. Donc pas de chargement qui se passe et, par conséquent, aucune charge d'événement se produit.

    Une possibilité serait d'utiliser le "pageshow' -événement au lieu de cela, comme décrit dans:

    https://support.microsoft.com/en-us/help/3011939/onload-event-does-not-occur-when-clicking-the-back-button-to-a-previou

    InformationsquelleAutor Panu Logic