예기치 않은 토큰 <캐치 구문 오류?

Question

내 코드가 오류없이 실행되지 않는 이유는 무엇입니까? 자바 스크립트의 몇 줄을 포함하는 함수를 만들려고하지만 오류가 잡히다 Unscaught syntaxerror. 왜 그런가요?

function fbpixel(){ 


!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? 
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; 
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; 
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, 
document,'script','https://connect.facebook.net/en_US/fbevents.js'); 

fbq('init', '202225353513153'); 
fbq('track', "PageView"); 
<noscript><img height="1" width="1" style="display:none" 
src="https://www.facebook.com/tr?id=202225353513153&ev=PageView&noscript=1" 
/></noscript> 

}; 

Answer 1

귀하의 자바 스크립트 코드에는 자바 스크립트가 아닌 몇 가지 코드가 포함되어 있습니다.

< NOSCRIPT>, 당신은 HTML 페이지에 자바 스크립트 코드를 포함하는, 가정 HTML 태그가 아닌 자바 스크립트 코드, 당신은 < 스크립트> 태그 내부에 자바 스크립트 코드와 내부의 대체 콘텐츠를 포함한다 < noscript> 태그.

예를 들어, 당신은 다음과 같은 코드를 수정할 수 있습니다

<!--Javascript code--> 
<script type="html/javascript"> 
<!-- 
function fbpixel() { 

    ! function(f, b, e, v, n, t, s) { 
     if (f.fbq) return; 
     n = f.fbq = function() { 
      n.callMethod ? 
       n.callMethod.apply(n, arguments) : n.queue.push(arguments) 
     }; 
     if (!f._fbq) f._fbq = n; 
     n.push = n; 
     n.loaded = !0; 
     n.version = '2.0'; 
     n.queue = []; 
     t = b.createElement(e); 
     t.async = !0; 
     t.src = v; 
     s = b.getElementsByTagName(e)[0]; 
     s.parentNode.insertBefore(t, s) 
    }(window, 
     document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'); 

    fbq('init', '202225353513153'); 
    fbq('track', "PageView"); 
} 
//--> 
</script> 
<!--Fallback content--> 
<noscript> 
    <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=202225353513153&ev=PageView&noscript=1" /> 
</noscript>