How to import css dynamically with js?

Question

I got some condition, so I can not load some css, js in html. So I decide that pulling dynamically with $.get(). However, I tested js case, but do not have any clues in case of css.

Following is pulling and execute js from remote CDN dynamically.

Pulling and Execute https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js'>

Is it possible to get Other javascript file from remote?

<pre>
    <code class='java'>
        System.out.println("It's done!");
    </code>
</pre>

<script>
    const highlightCDN = 'http://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.2.0/highlight.min.js';
    $(function(){
        $.get(highlightCDN, function(data){
            console.log('done!');
            eval(data);
        }).done(function(){
            $('pre code').each(function(i, block){
                console.log(i);
                hljs.highlightBlock(block);
            });
        });
    });
</script>

However, I can not use eval on css. What can I do? Is it even possible? Thanks so much!

P.S. If I pulling js like my example, can I use it globally after once I pulled this?

Is your CSS in a .css file? (I think you can dinamically create a <link rel...> tag — Jorgeblom
– Jorgeblom, Commented Mar 7, 2016 at 11:35
see [this question[(stackoverflow.com/questions/524696/…) for more options — max pleaner
– max pleaner, Commented Mar 7, 2016 at 11:38

riccardolardi · Accepted Answer · 2016-03-07 11:39:41Z

1

You can insert a link element via jQuery, which points to your external css file like this:

$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', 'external-css-stylesheet-url-goes-here'));

answered Mar 7, 2016 at 11:39

riccardolardi

1,7125 gold badges21 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Juneyoung Oh Over a year ago

Yeap. Thanks. I was idiot -_-; I've been trying to execute css for an hour. Thanks a lot!!

Collectives™ on Stack Overflow

How to import css dynamically with js?

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related