2017-02-02 12 views
0

こんにちは、以下のコードは、ブラウザが無効なウェブセキュリティモードで開かれていれば、Chromeブラウザでjsfiddleで正常に動作します。 This codejsfiddleでコードは動作していますが、ブラウザにエラーがスローされます

私はdocument.readyハンドラの内側に私のスクリプトを配置しているが、ブラウザが「のgetDataが定義されていない」と言って、次のエラーがスローされます。コードはに壊れるところ console error

デバッガでは、ここでは、エラーをスロー:

debugger

ここに私のHTMLコードも同様です:

<html> 

<body> 
    <iframe src="https://news.ycombinator.com/" width="800" height="500" id="idframe"></iframe> 

    <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
    <script> 
     $(function() { 
      debugger; 
      var iframe = document.getElementsByTagName('iframe')[0]; 
      iframe = document.getElementById('idframe'); 
      var url = iframe.src; 
      var getData = function(data) { 
       if (data && data.query && data.query.results && data.query.results.resources && data.query.results.resources.content && data.query.results.resources.status == 200) loadHTML(data.query.results.resources.content); 
       else if (data && data.error && data.error.description) loadHTML(data.error.description); 
       else loadHTML('Error: Cannot load ' + url); 
      }; 
      var loadURL = function(src) { 
       url = src; 
       var script = document.createElement('script'); 
       script.src = 'http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20data.headers%20where%20url%3D%22' + encodeURIComponent(url) + '%22&format=json&diagnostics=true&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys&callback=getData'; 
       document.body.appendChild(script); 
      }; 
      var loadHTML = function(html) { 
       iframe.src = 'about:blank'; 
       iframe.contentWindow.document.open(); 
       iframe.contentWindow.document.write(html.replace(/<head>/i, '<head><base href="' + url + '"><scr' + 'ipt>document.addEventListener("click", function(e) { if(e.target && e.target.nodeName == "A") { e.preventDefault(); parent.loadURL(e.target.href); } });</scr' + 'ipt>')); 
       iframe.contentWindow.document.close(); 
      } 

      loadURL(iframe.src); 
     }); 
    </script> 
</body> 

</html> 
+0

構文は次のようになります。if(condition){return} else if(condition){return} else {return}多分それが問題です。 –

+0

@AivarasPかもしれません。私はloadHTML( 'エラー:ページを読み込めません')のみで実行しようとしたため、 getDataの内部では、このメッセージは何とかiframeに表示されません! – d33a

答えて

0

あなたはインラインフレームにロードしようとしているソース'https://news.ycombinator.com/'DENYに設定されているHTTPレスポンスヘッダX-Frame-Optionsを使用して、アイフレームを使用することが禁止されています。したがって、iframe内にロードすることはできません。

この

は、同じような脅威を防ぐために、セキュリティ上の理由のために行われ

フィドルが同様に働いて、同じエラーがスローされていないhttps://www.owasp.org/index.php/Cross-Site_Request_Forgery_(CSRF)

(クリックジャッキング)https://en.wikipedia.org/wiki/Clickjacking

(クロスSite_Request_Forgery)コンソールで。

+0

フィドルは私のために働く。あなたは、無効になったWebセキュリティモードでフィドルを読み込もうとするかもしれません。このフィドルは実際には「X-Frame-Optionsで禁止された表示」問題を克服して見つけた解決策でした – d33a

関連する問題