Calling a function of en external javascript file

Question

In general... How can I make a call on a function of an external java script file?

More specific...

In the head tag i have

<script type="text/javascript" src="JScript/FontSize.js"></script>

The external javascript file, (that i would like to call) FontSize.js contains the following functions.

function checkCookie()

function setCookie(c_name, value, expiredays)

function getCookie(c_name)

function increaseFontSize()

function decreaseFontSize()`

The FontSize.js is located at the ~/Jscript/ directory

I guess the body on load should contain something like

<body onload="/JScript/Fontsize.js/checkCookie()">

Of course nothing works as it should because, i do not know how to make the call to a function to an external js file

Nick Craver · Accepted Answer · 2010-05-29 12:40:48Z

13

You just call it as if it were local :)

<body onload="checkCookie()">

Or, do it in script:

window.onload = checkCookie;

When you declare a function and it's not in another object/namespace, it's just globally available, and you can call it as if it immediately preceded your current code. By default these functions will be on the window object, you can see a short demo here.

For example (doesn't matter where this function's defined, external or not):

function myFunc() { alert('hi'); }
myFunc();
window.myFunc(); //same call, unless there's *another* myFunc in a local-er scope

answered May 29, 2010 at 12:40

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

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

2 Comments

Nick Craver Over a year ago

@strakastroukas - Are you sure the relative path to your external file is correct, e.g. View -> Page source, click on it's link, does it come up correctly? For your current code, your page would have to be at the ~/Page.htm level.

OrElse Over a year ago

That was it! I edited that to <script type="text/javascript" src="../JScript/FontSize.js"></script> (Added the ../ to the path)

Gowtham · Accepted Answer · 2014-08-24 09:00:40Z

1

  <html>
        <head>
            <script type="text/javascript" language="javascript" src="main.js"></script>
        </head>
        <body>

    <!--The extranal main.js file contains samp() function.. -->
            <script>
              <!--    samp(); -->
            </script>
        </body>
    </html>

answered Aug 24, 2014 at 9:00

Gowtham

111 bronze badge

Collectives™ on Stack Overflow

Calling a function of en external javascript file

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related