How to add script to <head> tag using javascript
Question
I have to inject the below given script in between tag using javascipt.
<script>
!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', '1234');
fbq('track', "page");</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1234&ev=page&noscript=1"
/></noscript>
I tried this,
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.innerHTML = "!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', '1234');fbq('track', "page");";
head.appendChild(script);
But its not working. How can I do this?
Thanks in advance.
1 answers
solution1
2 2016-05-10 11:52:16
You need to escape your quotes at the end near fbq('track', \\"page\\"); :
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.innerHTML = "!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', '1234');fbq('track', \"page\");";
head.appendChild(script);
Use an IDE with a syntax highlighter.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Javascript using innerHTML does not work to add script tag in HEAD
how to add a script value dynamically in html head tag in javascript
Using ZK: How to add a script into the head tag from java?
How to load a script tag with esmdefine in head using another javascript function
How to add script to head tag in MkDocs?
How to add a script tag to the head section after a specific script tag
Add local script into <head> tag using react-helmet
How to add third party url script and link in the head tag using js?
How to read the values from the dynamically added script tag in head using jquery / javascript
How to append <script> to Head or Body Using Javascript?
Related Tags