CODEWITHSUNDEEP
javascript
Marko
Marko

Reputation: 91

how to include script file in head section when condition is true?

I am trying to include jquery into section, if condition is true. For some reasons script doesnt work for me, not sure what is wrong

function loadScript() { 
    var currentLocation = String(window.location); 
    var c = currentLocation.includes('test') 

    if(c===true){  
        //document.write('<scr'+'ipt type="text/javascript" src="assets/jquery.js"></scr'+'ipt>');
        console.log(c);
        var head = document.getElementsByTagName('head')[0];  

        var script = document.createElement('script');
        script.type = 'text/javascript';
        script.src = "jquery.js";
        //head.appendChild(script);
        document.getElementsByTagName('head')[0].appendChild(script);
        alert("asdsad");
    }
    else{
      console.log('error');
    }
}

loadScript();

Any help is appreciated

Upvotes: 0

Views: 562

Answers (2)

Abdullah Ockba
Abdullah Ockba

Reputation: 124

Your code is fine currentLocation.includes('test') is a case sensitive only.

load script in codepen

Upvotes: 0

Dipak Telangre
Dipak Telangre

Reputation: 1993

function loadJQueryIfMatch(keyword) {
    if (window.location.href.includes(keyword)) {
        var script_tag = document.createElement('script');
        script_tag.setAttribute('src', 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js');
        document.head.appendChild(script_tag);
    }

}

loadJQueryIfMatch("test");

Upvotes: 1

Related Questions