こんにちは、以下のコードは、ブラウザが無効なウェブセキュリティモードで開かれていれば、Chromeブラウザでjsfiddleで正常に動作します。 This codejsfiddleでコードは動作していますが、ブラウザにエラーがスローされます
私はdocument.readyハンドラの内側に私のスクリプトを配置しているが、ブラウザが「のgetDataが定義されていない」と言って、次のエラーがスローされます。コードはに壊れるところ
デバッガでは、ここでは、エラーをスロー:
ここに私の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>
構文は次のようになります。if(condition){return} else if(condition){return} else {return}多分それが問題です。 –
@AivarasPかもしれません。私はloadHTML( 'エラー:ページを読み込めません')のみで実行しようとしたため、 getDataの内部では、このメッセージは何とかiframeに表示されません! – d33a