[JS] A parser-blocking, cross site (i.e. different eTLD+1) script... 오류

 

자바스크립트 A parser-blocking, cross site 오류

 

 

" A Parser-blocking, cross-origin script, (호출하는 주소), is invoked via document.write. This may be blocked by the browser if the device has poor network connectivity. "

 

결국 구글 크롬에서 cross-origin document.write를 막으면서 발생하는 오류. 소스에서 document.write로 외부 js 링크를 호출하는 부분에서 오류가 발생하고 있었음. 소스에서 호출하는 형태는 아래와 같았다.

 

document.write('<script src="외부 js 주소"></script>');

 

 

위 방법으로 호출하려는 이유는 자바스크립트에서 자바스크립트를 호출하려다 보니 발생.

해결하는 방법은 아래와 같다.

 

 

방법 1

function addJavascript(jsname) {
	var th = document.getElementsByTagName('head')[0];
	var s = document.createElement('script');
	s.setAttribute('type','text/javascript');
	s.setAttribute('src', jsname);
	th.appendChild(s);
}
addJavascript('https://cdn.url.js');

 

방법 2

var script = document.createElement('script');  
script.src = "https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js";  
document.head.appendChild(script);

 

 

 

.