Javascript html call external object from external file

Question

This works ...

html file ...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="src/myJS.js"></script>
</head>
<body onload="myJS();">
</body>
</html>

Contents of external javascript file (called myJS.js for convenience) ...

myJS = function ()
{
    document.write("Hello world");
};

But, this does not work ...

html file ...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="src/myJS.js"></script>
</head>
<body onload="myJS.myFunction();">
</body>
</html>

external javascript file ...

myJS = function ()
{   
    myFunction = function()
    {
        document.write("Hello world");
    };  
};

Why not? Thanks in advance for any help.

Musa · Accepted Answer · 2013-01-04 04:51:53Z

3

A function declared inside another function does not become a property of that function. If you want myJS to be an object with myFunction as a method you can do this

myJS = {    
    myFunction: function()
    {
        document.write("Hello world");
    }   
};

answered Jan 4, 2013 at 4:51

Musa

97.9k17 gold badges123 silver badges144 bronze badges

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

2 Comments

Extermiknit Over a year ago

Would this be an example of closures?

Musa Over a year ago

@MartinJacobs No, just an object with a method.

MikeM · Accepted Answer · 2013-01-04 04:52:09Z

0

your script creates two global functions...

so the myJS creates another function called myFunction either of which can be called independently.

looks like you want to make a JSON object like

myJS = {   
    myFunction: function() {
        document.write("Hello world");
    }
}

answered Jan 4, 2013 at 4:52

MikeM

27.5k4 gold badges68 silver badges80 bronze badges

Collectives™ on Stack Overflow

Javascript html call external object from external file

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related