Consider the two following files:
// main.js
Somescript();
Call the mod.js here
Somescript();
and
//mod.js
alert('a');
How can I call the file mod.js to run in main.js file ?
-
Why would you need to do thatadeneo– adeneo2017-05-07 18:51:17 +00:00Commented May 7, 2017 at 18:51
-
1JavaScript has no built-in mechanism for this. It might be possible depending on the particular JS runtime you are using. What runtime is it? WSH? NodeJS? A browser extension? A script element in a webpage? Something else?Quentin– Quentin2017-05-07 18:51:48 +00:00Commented May 7, 2017 at 18:51
-
Possible duplicate of Can we call the function written in one JavaScript in another JS file?Blue– Blue2017-05-07 18:53:08 +00:00Commented May 7, 2017 at 18:53
-
Another possible duplicate: stackoverflow.com/questions/950087/…Blue– Blue2017-05-07 18:53:57 +00:00Commented May 7, 2017 at 18:53
-
I am using Scratchpad of Firefox Developer EditionAchraf Ahmed Belkhiria– Achraf Ahmed Belkhiria2017-05-07 18:54:05 +00:00Commented May 7, 2017 at 18:54
Add a comment
|
2 Answers
Implement those "files" as modules and bundle them using a module bundler like browserify or webpack.
The simple solution is to make your mod.js module globally available to your main module by adding to the window object:
// mod.js, define
window.myModule = () => alert('a');
// main.js, execute
window.myModule();
Comments
You can:
1) Use a library like require.js to dynamically require JS files.
2) Define your mod.js code wrapped inside a main function. Import inside the page your mod.js before your main.js and inside your main simply call your function defined in the mod.js
<script type="text/javascript" src="mod.js"></script>
<script type="text/javascript" src="main.js"></script>
Your mod.js would be something like
function myFunction() {
// all the mod.js code I want to execute
}
Your main.js:
Somescript();
myFunction();
Somescript();
Comments
