Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


Excerpt

If you need to load javascript by the case like domain name,

...

you can do that by getElementByTagName() and appendChild(). For instance, you can run application by the screen width.


Example 1) Loading script by the screen width

Code Block
function addJavascript(jsname) {
	var headth = document.getElementsByTagName('head')[0];
	var jss = document.createElement("'script"');

js.type = "text/javascript";
	s.setAttribute('type','text/javascript');
	s.setAttribute('src',jsname);
	th.appendChild(s);
}

if (screen.width > 500)
{
    js.src = "addJavascript("your_domain/js/jquerydesktop_computerversion.js");
}
else
{
    js.src = "addJavascript("your_domain/js/mobile_version.js");
}

head.appendChild(js);


Example 2) Loading Google Adsense script by the domain name

This is what actually I use for confluence having multiple space in different domain name.

Code Block
<!-- Global site tag (gtag.js) - Google Analytics -->
<div id="adsense_space"></div>
<script>
function addJavascript(jsname) {
	var headth = document.getElementsByTagName('adsense_spacehead')[0];

	var s = document.createElement('script');
	s.setAttribute('type','text/javascript');
	s.setAttribute('src',jsname);
	th.appendChild(s);
}
var sUA = "your default User Agent ID";
  if (document.domain.toLowerCase()=="enewtown.com") sUA="UA-1093021******-17"; else sUA="UA-1093021*******-16";


  var js = document.createElement("script");
  js.type = "text/javascript";
  js.src = "addJavascript( "https://www.googletagmanager.com/gtag/js?id=" + sUA);


  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', sUA);
</script>

...