Calling js function declared in html file from a .js file

Question

I'm working in my .js file. When my function, mainPaginationClicked is called, I want it to also execute another function, rotateMessage. rotateMessage is declared in the script tags of my html document. Is there a way to call this function from my .js file?

as long as it is declared and global, you can call it anywhere, you have to show an example though — Ibu
– Ibu, Commented Oct 24, 2012 at 17:35
Why not put rotateMessage in your .js? Seems strange to have an external javascript dependent on inline functions — Mike Park
– Mike Park, Commented Oct 24, 2012 at 17:38
I ended up just putting the function in the .js. I came to the same conclusion: it didn't make sense putting it into a html script tag — Sean Smyth
– Sean Smyth, Commented Oct 24, 2012 at 20:32
Slightly off topic but often it does make sense to have external js dependent on inline. If you're creating a system where JavaScript is dependent on information that is most easily provided from the back end, then outputting inline js using the server side language but keeping most of the js in files that are static is a simple solution (normally preferring something like declarative configuration, but a dependency nonetheless) — Matt Whipple
– Matt Whipple, Commented Oct 24, 2012 at 21:34
@MattWhipple Wouldn't you agree that a better solution is to use a script tag that points to a servers side resource (script or otherwise) that returns the appropriate js? — user1726343
– user1726343, Commented Oct 24, 2012 at 22:12

Matt Whipple · Accepted Answer · 2012-10-24 17:36:38Z

0

So long as you load the JavaScript file after the function is delcared in the HTML (or only invoke the function after it is declared), then the function you declare will be available within the same JavaScript context. The actual file location doesn't matter, only the in-memory namespaces.

The default behavior in a browser is to block while loading JavaScript using script tags, so you can safely write the JavaScript resources in the order that you want them executed without worrying about the fact that the external file needs to be loaded (and unless explicitly controlled otherwise they all get pooled together in a global namespace).

answered Oct 24, 2012 at 17:36

Matt Whipple

7,1541 gold badge26 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

tobspr · Accepted Answer · 2012-10-24 17:35:48Z

0

Yes, you can call this as it would be in your .js file. Functions in JS are shared between files, as variables are, too.

answered Oct 24, 2012 at 17:35

tobspr

8,4265 gold badges36 silver badges48 bronze badges

Comments

user1726343 · Accepted Answer · 2012-10-24 17:37:12Z

0

Provided you make sure your js file is included after the script tag, there should be no problems with invoking rotateMessage

answered Oct 24, 2012 at 17:37

user1726343

Collectives™ on Stack Overflow

Calling js function declared in html file from a .js file

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related