Home/ Questions/Q 8375287
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T15:08:11+00:00

I have created a JavaScript function which will return data containing 2 URL’s. And

  • 0

I have created a JavaScript function which will return data containing 2 URL’s. And I would like to insert these into the HTML code.

e.g. the return URL values are

JavsScript file

http://www.domain.com/javascript.js

CSS file

http://www.domain.com/buttons.css

I need to insert these into the code as:

<link rel="stylesheet" type="text/css" href="return URL value" />
<script type="text/javascript" src="return URL value"></script>

How can I do that?

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can load external css (and also js) files dynamically using javascript. Just create the appropriate <link> element using javascript.

    var url  = computeUrl();                      /* Obtain url               */
var link = document.createElement('link');    /* Create the link element  */
    link.setAttribute('rel', 'stylesheet');   /* Set the rel attribute    */
    link.setAttribute('type', 'text/css');    /* Set the type attribute   */
    link.setAttribute('href', url);           /* Set the href to your url */

    At the moment, we have just created element

    <link rel="stylesheet" type="text/css" href="your url">

    And we have stored it in the variable var link. It is not over, the <link> is not part of the DOM yet.
    We need to append it

    var head = document.getElementsByTagName('head')[0]; /* Obtain the <head> element      */
head.appendChild(link);                              /* Append link at the end of head */

    And it is done.

    In the very similar way, you can dynamically add external javascript resource. Just use <script> tag instead of <link> tag.

    • 0