JavaScriptの動作の相違点：IE11/Edge vrs Chrome/Firefox

Question

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] + "<br>"); 
       } else { 
        arInfo.push(item + ": <a href=" + objFilm[item] + " target=_blank>Wikipedia</a>"); 
       } 
      }); 

    var w = window.open('', '', 'width = 650, height = 500, resizable'); 
    $(w.document.body).html(arInfo.join("")); 
    }) // .done 

JSONファイルに保存されている私のフィルムライブラリのコンテンツを含むキオスクアプリと呼ばれるものがあります。 1つはいくつかの方法でコンテンツにアクセスできますが、それぞれは関連するすべてのタイトルの表示を生成します。たとえば、Sophia Lorenで映画を検索すると、次の結果が表示されます。

すべてのブラウザがこの時点で動作します。 各映画には、映画に関する特定の情報につながるリンクがあります。 1つのブラウザ（Mac Safari）は、Wikipediaリンクを表示していないと言われていますが、他のすべてのブラウザがそうです。しかし、Microsoftのブラウザ（Edge、IE11）のみが関連サムネイルを表示します。したがって、（？）では、フルバージョンの画像で自分のディスプレイエンジンを呼び出すことによって、Microsoftのブラウザだけがクリックに反応します。すべてのブラウザは、ディスプレイエンジンをより直接的に呼び出すと、同様に適切に応答します。例えば、[http://www.michaelbroschat.com/LongviewChristmas/LongviewChristmas.html]を参照してください。 情報ウィンドウは、最初の図に示すインデックス番号リンクをクリックすると動的に作成されます。

すべてのブラウザは、新しいウィンドウと情報データ項目のほとんどを正常に作成します。実際、ChromeとFirefoxは画像表示コードを作成するように見えますが、そのコードには対応していません。 アプリ全体が表示されますhttp://www.michaelbroschat.com/film/disccatalog.html ChromeとFirefoxがMicrosoftのブラウザで許可しているものを許可しない理由を知りたいと思います。

Answer 1

画像参照の周囲に<a>というタグを作成するコードである、コードの重要な部分を質問から外しました。

あなたが持っている問題は、URLリストなしで開いているそのポップアップウィンドウにフィルムリストのための組み立てられたHTMLを詰め込んでいることです。 <img>タグは、相対URL（「liners/i0001.jpg」など）で作成されますが、画像を参照するブラウザのベースURLはロードできません。

Internet Explorerは、ポップアップウィンドウが親と同じベースURLを持っていることを推測しているかもしれませんが、他のブラウザは明らかにそうしていません。

Answer 2

私はあなたのコードのこの部分にいくつかの理論を持っている：

............arProps.forEach(function(item) { 
................if(item != "ref") { 
....................arInfo.push(item + ": " + objFilm[item] + "<br>"); 
................} else { 
....................arInfo.push(item + ": <a href=" + objFilm[item] + " target=_blank>Wikipedia</a>"); 
................} 
............}); 

ONE：アンカータグは、あなたの好みに応じて、単一引用符または二重引用符を使用していることを確認したときの出力源のような：

<a href="path/to/objFilm/item" target="_blank">Wikipedia</a> 

私の推測では、あなたのサファリのバージョンだけが引用符に敏感なWikipediaリンクに問題があると思います。

画像が移動する限り、imgタグは画像パスを出力する場所はどこですか？