CODEWITHSUNDEEP
javascript
Jake M
Jake M

Reputation: 11

Trouble loading js

I'm sorry in advance if this is simple or if it just can't be done. Basically, I am trying to load an age verification js on my site, but I am trying to chose between different pages depending on the legal drinking age in different countries.

If I load the script simply, it works fine:

<script type="text/javascript" src="https://av.ageverify.co/jsfr/singlemalt.18.js"></script>

However, if I trying to do any sort of modification to this script, it won't load at all. For example, if I try to set the src to a variable (that I would call in a different script, it fails to load).

<script>
    url = "https://av.ageverify.co/jsfr/singlemalt.18.js";
</script>
<script type="text/javascript" src=url></script>

Any ideas would be greatly appreciated!

EDITED:

Additional info: I tried to use getScript as people have suggested but also had issues with it:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>
<script>
    $.getScript("https://av.ageverify.co/jsfr/singlemalt.18.js");

</script>

or this method:

function loadJs() {
  var url = "https://av.ageverify.co/jsfr/singlemalt.18.js";
  var script = document.createElement("script");
  script.src = url;
  document.head.appendChild(script);
}

This last one seems to work with other simple scripts, but maybe this particular script is looking for some sort of browser condition? Any suggestions on how to figure that out or what to look for? There should be an age verification page that pops up, asking your age.

Upvotes: 0

Views: 76

Answers (1)

gen_Eric
gen_Eric

Reputation: 227200

HTML tags do not understand variables. You need to use a URL for the src attribute. HTML has no idea what your JavaScript variables are.

If you want to load the .js file this way, you need to use JavaScript. What you can do is create a new <script> tag then append it to the page.

var url = "https://av.ageverify.co/jsfr/singlemalt.18.js";

var script = document.createElement("script");
script.src = url;

document.head.appendChild(script);

If you are using jQuery, this is basically what $.getScript does.

var url = "https://av.ageverify.co/jsfr/singlemalt.18.js";

$.getScript(url);

Upvotes: 2

Related Questions