Beginner JavaScript: using src

Question

EDIT:[Honestly this works fine you can read my edit comment below.]

So I am very new to JavaScript. This book I have tells me that I can write the script code in another file that has a .js extension. What it doesn't tell me is what should be in that .js extension.

<html>
<head>
<title>Title of Document</title>

<script src="path/to/file/fileName.js"></script>  
</head>

<body>
The content of
your page goes here. 
</body>
</html>

Lets say I wanted to make an alert message in the java script file. Inside the "fileName.js" would all I write be:

alert("This is an alert box");

and then save it and call it quits? Cause that is what I have so far and nothing doing.

EDIT:

Ok I want to add this in for anyone in trouble like I was. Turns out, this works perfectly. The comments below are a great help for further information. But the thing I did not realize was that on my Mac I needed to start the path to file at /Users. I feel dumb but at least I figured it out. Thanks all for your help.

” is not a valid quotation mark.

Derek 朕會功夫
– Derek 朕會功夫

2013-06-05 01:03:31 +00:00
Commented Jun 5, 2013 at 1:03 — Derek 朕會功夫
– Derek 朕會功夫, Commented Jun 5, 2013 at 1:03

Joseph Silber · Accepted Answer · 2013-06-05 00:59:36Z

4

Use " instead of ”:

<script src="path/to/file/fileName.js"></script>
            ^                        ^

answered Jun 5, 2013 at 0:59

Joseph Silber

221k59 gold badges369 silver badges292 bronze badges

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

1 Comment

Shaw Over a year ago

Sorry, I already had that. It was some weird formatting thing. still a no go.

vdbuilder · Accepted Answer · 2013-06-05 01:05:25Z

1

Generally your js files will have objects and Methods that are called/used from you main page. So you html wiil look like :

<html>
    <head>
        <title>Title of Document</title>

        <script src="path/to/file/fileName.js"></script>  
    </head>

    <body onload="showAlert();">
        The content of
        your page goes here. 
    </body>
</html>

and you js will look like:

function showAlert(){
    alert("This is an alert box");
}

answered Jun 5, 2013 at 1:05

vdbuilder

13.1k2 gold badges27 silver badges29 bronze badges

7 Comments

Shaw Over a year ago

Say it wasnt an alert box and I didn't want it to be on load. Where or how could I use the function then?

vdbuilder Over a year ago

When do you want it to run your function?

Shaw Over a year ago

When ever I want. Is it possible to call it anywhere in the body outside of the <> before the </>

vdbuilder Over a year ago

The function can be called from any event, when you click, mouseover, mouseout, on a timer, the possibilities are endless. If you tell me more about what you are doing I can point you in the right direction. ;)

Shaw Over a year ago

For these purposes say I had some text in the body and I wanted to load that first and then call this function.

|

azrosen92 · Accepted Answer · 2013-06-05 01:05:10Z

1

Look into events and listeners. For example, if you want the alert to come up when the page loads, your html file would have:

<body onload="functionName()">

</body>

And you javascript file would have:

function functionName() {
    alert("alert message");
}

answered Jun 5, 2013 at 1:05

azrosen92

9,2754 gold badges29 silver badges47 bronze badges

Comments

Vincent Ramdhanie · Accepted Answer · 2013-06-05 01:02:28Z

0

Usually you would write your Javascript code as a series of functions that you can call whenever you need. So yes, you can write a single statement the way you did but most times its functions.

answered Jun 5, 2013 at 1:02

Vincent Ramdhanie

103k23 gold badges143 silver badges196 bronze badges

Collectives™ on Stack Overflow

Beginner JavaScript: using src

4 Answers 4

1 Comment

7 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

7 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related