Setting "asynch" property for javascript

Back to Forums

Antu Singh

Question

JavaScript

I need to call below script in header of pages.

I know the approach to call normal javascripts.

But the problem is with property “asynch”.

This is mandatory and should be “asynch” only. If we do not set this property the script will fail. Script should be added in Header section of HTML and should be aynch otherwise it will fail.

Could you please suggest as how can we do this specifically.

06 Jan 2022

Khuong Truong

Hi Antu,

I think this topic can help https://www.outsystems.com/forums/discussion/64758/adding-script-tag-to-reactive-web-app/

Regards,

Khuong

06 Jan 2022

1 reply

06 Jan 2022

Show thread

Hide thread

Antu Singh

Hi Khuong

Thanks for the information provided by you.

However I am looking for the option to add property "asynch" in javascript.

06 Jan 2022

Benjith Sam

MVP

Hi Antu,

In addition to the previous solution, You can also try the below mentioned JS approach..

- Using a JS node (for reactive) in the OnInitialize handler execute the below script

JavaScript Snippet:

(function() {
    var scriptEle = document.createElement('script'); 
    scriptEle.type = 'text/javascript'; 
    scriptEle.async = true;
    scriptEle.src = '<src>';
    
    var s = document.getElementsByTagName('script')[0]; 
    s.parentNode.insertBefore(scriptEle, s);
    
  })();

I hope this helps you!

Kind regards,

Benjith Sam

06 Jan 2022