Question

-2

JavaScript: Accessing Variables Defined in External .js Files

rated 0 times [ 4] [ 6] / answers: 1 / hits: 20491 / 12 Years ago, sat, june 2, 2012, 12:00:00

Possible Duplicate:

Dynamically Importing JavasScript

Is there a way to access variables which come from external imported JavaScript .js files?

In the external .js file I define a varialbe such as follows:

// JavaScript Document

var PETNAME = Beauty;

After dynamically importing that code, I wish to access PETNAME variable, but I do not get the defined value:

alert(Pet Name:  + PETNAME);

What can be wrong, and is there a way to bring values from external .js code into the master JavaScript?

Thank you.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

mireyag

Add To Favorites

Follow

Total Points: 73

Total Questions: 107

Total Answers: 85

Location: Ukraine

Member since Sun, Dec 13, 2020

3 Years ago

mireyag questions

1 Discord.js V13 sending message attachments

Sun, Aug 15, 21, 00:00, 3 Years ago

1 How to clear react-select values on button click without adding it to options?

Thu, Feb 18, 21, 00:00, 3 Years ago

1 React Js : no such file or directory, open Package.json

Wed, Dec 16, 20, 00:00, 3 Years ago

1 How to import util module in Node.js?

Tue, Sep 1, 20, 00:00, 4 Years ago

1 React Select Creatable no options instead of create

Sun, Jul 5, 20, 00:00, 4 Years ago

View All

answered 12 Years ago freddiejarretk · Accepted Answer

To import JS dynamically, you need to consider onreadystatechange and load events which are run when the script is parsed by the browser and available to you. You can use this function:

function getScript(url, callback) {

   var script = document.createElement('script');

   script.type = 'text/javascript';

   script.src = url;



   script.onreadystatechange = callback;

   script.onload = callback;



   document.getElementsByTagName('head')[0].appendChild(script);

}

And you can use it like this:

getScript('path to your js file', function(){

  alert(Pet Name:  + PETNAME);

});