how to load js file before if div with particular class name exists on page?

Question

I want to load .js file before the </body> in footer only if div with particular class name exists on page. I found the div with class name using if condition. But I am not getting how to add script in footer of page with it.

Here is my if condition code

if ($("#world-map-markers")[0]){

} else {
    // Do something if class does not exist
}

I want to add this in static html page. There is no backend language.

Thanks

You can use your backend language if you have one. – Farhan Qasim Feb 23 '18 at 12:58 — Farhan Qasim, Feb 23 '18 at 12:58

score 0 · Answer 1 · answered Feb 23 '18 at 13:00

0

Try below code

<script type="application/javascript">
function loadJS(file) {
    // DOM: Create the script element
    var jsElm = document.createElement("script");
    // set the type attribute
    jsElm.type = "application/javascript";
    // make the script element load file
    jsElm.src = file;
    // finally insert the element to the body element in order to load the script
    document.body.appendChild(jsElm);
}
</script>

answered Feb 23 '18 at 13:00

programtreasures

4,250
1
10
29

will this code add script before closing body tag – Miren Feb 23 '18 at 13:05

score 0 · Answer 2 · answered Feb 23 '18 at 13:03

0

You may can do somthing like this.

if ($("#world-map-markers")[0]){
    $('footer').append('<script type="text/javascript" src="js/load.js"></script>');
} else {
    // Do something if class does not exist
}

answered Feb 23 '18 at 13:03

maulik

919
7
22

I want to add before closing body tag – Miren Feb 23 '18 at 13:04
You may can use .prepend() function instead of .append() . – maulik Feb 23 '18 at 13:18
Or take last one div which used just before
Like :-
xyz
& then $('.xyz').append(.....)
– maulik Feb 23 '18 at 13:24

how to load js file before if div with particular class name exists on page?

2 Answers2