title: JavaScript Behavior difference: IE11/Edge vrs Chrome/Firefox
body: <pre><code>function displayInfo(nKey) {
      var i, xdata, xfilm, xprop;
      if(!nKey) return false;
      var objFilm;
      var imgRef;
      //iterate through all object properties; display their attributes
      var jqxhr = $.getJSON('dbMovies.json', function(data) {
          $.each(data.disc, function(i, xdata) {
              if(xdata.key == nKey) {
                  objFilm = xdata.film;
                  imgRef = xdata.img;
                  if(xdata.doc) bkDoc = true;
                  return false;
              }
          });    // $.each
      })
      .done(function() {
          // objFilm has either a single film object or else an array of film objects
          var arInfo = [];
          if(!$.isArray(objFilm)) {
              var arProps = Object.keys(objFilm);....//absolutely
              arProps.forEach(function(item) {
                  if(item != "ref") {
                      arInfo.push(item + ": " + objFilm[item] + "&lt;br&gt;");
                  } else {
                      arInfo.push(item + ": &lt;a href=" + objFilm[item] + " target=_blank&gt;Wikipedia&lt;/a&gt;");
                  }
              });
  
      var w = window.open('', '', 'width = 650, height = 500, resizable');
      $(w.document.body).html(arInfo.join(""));
      })  // .done
  </code></pre>
  
  <p>I have what we'll call a kiosk app that contains the contents of my film library as stored in a JSON file. One can access the contents in several ways, but each yields a display of all relevant titles. For example, searching for films with Sophia Loren, one would see this result:
  <a href="https://i.stack.imgur.com/v4zQu.jpg" rel="nofollow"><img src="https://i.stack.imgur.com/v4zQu.jpg" alt="enter image description here"></a></p>
  
  <p>All browsers work to this point.
  You can see that each film has a link that leads to certain information about the film.
  <a href="https://i.stack.imgur.com/pFgWT.jpg" rel="nofollow"><img src="https://i.stack.imgur.com/pFgWT.jpg" alt="enter image description here"></a>
  Although one browser (Mac Safari) reportedly does not display the Wikipedia link, all other browsers do. But only the Microsoft browsers (Edge, IE11) show the associated thumbnail. Therefore(?), only the Microsoft browsers respond to a click by invoking my display engine on the full version of the image. All browsers respond well and equally on more direct invocations of the display engine. For example, see [<a href="http://www.michaelbroschat.com/LongviewChristmas/LongviewChristmas.html]" rel="nofollow">http://www.michaelbroschat.com/LongviewChristmas/LongviewChristmas.html]</a>.
  The information window is created dynamically upon clicking the index number link shown in the first illustration.</p>
  
  <p>All browsers successfully create the new window and most of the information data items. In fact, Chrome and Firefox appear to create the image display code but don't act upon it.
  The entire app can be seen at <a href="http://www.michaelbroschat.com/film/disccatalog.html" rel="nofollow">http://www.michaelbroschat.com/film/disccatalog.html</a>
  I would love to know why Chrome and Firefox don't allow what the Microsoft browsers allow.</p>