question Re: How to include a JavaScript library within the ServiceNow head tag? in Developer forum

How to include a JavaScript library within the ServiceNow head tag?

wolfgangb — Wed, 01 Feb 2017 12:36:11 GMT

I understand that ui scripts that are marked as global are loaded with every page that ServiceNow loads. These pages are running within an iframe.

How can I include a JavaScript library within the global head HTML tag for each page?

Re: How to include a JavaScript library within the ServiceNow head tag?

Chuck Tomasi — Wed, 01 Feb 2017 13:09:12 GMT

Hi Wolfgang,

Can you clarify what it is you are trying to do? What requirement is driving you to the solution that you need a JS library loaded on every page?

Thanks

Re: How to include a JavaScript library within the ServiceNow head tag?

wolfgangb — Wed, 01 Feb 2017 13:27:26 GMT

Well the use case is pretty simple, I would like to include a monitoring framework such as Dynatrace into my ServiceNow instance. It works ok with a global ui script, but it is stuck in the page iFrame which is not the perfect solution.

Re: How to include a JavaScript library within the ServiceNow head tag?

wolfgangb — Fri, 03 Feb 2017 07:16:29 GMT

Hi Chuck,

Any ideas on that?

Thanks,

Wolfgang

Re: How to include a JavaScript library within the ServiceNow head tag?

Chuck Tomasi — Fri, 03 Feb 2017 13:52:08 GMT

No ideas at this time. Perhaps someone else in the community can jump in.

Re: How to include a JavaScript library within the ServiceNow head tag?

ChrisBurks — Fri, 03 Feb 2017 16:28:59 GMT

If you place something like below in a UI script and make that global should work.

(function(){

var top = getTopWindow().window.document.querySelector('head'); // reach out to the parent window and get the head element

var script = document.createElement('script'); //create a new script element

script.src = 'path/to/js/library'; //sets the src attribute

script.type = 'text/javascript'; //sets the type attribute

top.appendChild(script); // appends the newly created script element at the end of the top window head element

})();

Re: How to include a JavaScript library within the ServiceNow head tag?

Ardeshna — Mon, 23 Jul 2018 16:11:23 GMT

Hi ChrisB,

I tried to use the function but I get 'Uncaught ReferenceError: getTopWindow is not defined' error. Am I doing something wrong? I am on Kingston patch 4.

var top = getTopWindow().window.document.querySelector('head'); // reach out to the parent window and get the head element

Re: How to include a JavaScript library within the ServiceNow head tag?

ChrisBurks — Mon, 23 Jul 2018 19:42:25 GMT

I tested on Kingston patch 6 and it works. I don't have a patch 4 environment to test on.

Aside from that where exactly are you trying to use the this function?