Externally Linking JS

**dannyisonfire** · 08-20-2006, 06:54 AM

I know its possible to link to a css file using:

<link rel="stylesheet" href="/style.css">

Is there a way to do this, to link to a .js file, and if so how.

Thanks.

**funkdaddu** · 08-20-2006, 02:02 PM

**JA1** · 08-25-2006, 09:13 AM

remember the trailing </script> otherwise your browser will stuff up!

<script type="text/javscript" src="yourscript.js"/></script>

J.

**saadatshah** · 08-25-2006, 09:28 AM

**JA1** · 08-25-2006, 10:11 AM

ah, such are the joys of cut 'n' paste

**saadatshah** · 08-25-2006, 11:09 AM

Not mentioning the script language may cause problem in old browsers I guess

what you say JA 1

**kIDJOE** · 08-25-2006, 06:00 PM

Hide from old browser.. but hey who cares about super old browsers that wont call a JS?

**funkdaddu** · 12:08 AM

Quote:

Originally Posted by JA1

remember the trailing </script> otherwise your browser will stuff up!

<script type="text/javscript" src="yourscript.js"/></script>

J.

I used a self-closing tag (hence the / before the last > which is technically correct. Just like you can use <br/> Which browser will hang on that?

EDIT: OK, it is not valid HTML 4, but it is valid in XHTML. So I guess it depends which Doctype you're using

**3rdShiftStudios** · 09-12-2006, 11:32 AM

ok, i'm really new at this kinda of thing, can someone please give me a complete break down of where you put what and how to set up the remote file also?

my site in question is this: www.jaap-orr.com/link/index.html

I'd like the navigation along the top to be remote sourced and I just can't seem to find a point -by -point "how to" on it. I'm sorry to sound like a total noob but really i just don't get how to set up the references or the external file... thanks!

**CouponGuy** · 09-12-2006, 03:34 PM

If you're attaching an external JavaScript file, put the:

<script language="javascript" src="abc.js" type="text/javascript"></script>

between the <head> and </head> tags.

**3rdShiftStudios** · 09-12-2006, 09:19 PM

Quote:

Originally Posted by CouponGuy

If you're attaching an external JavaScript file, put the:

<script language="javascript" src="abc.js" type="text/javascript"></script>

between the <head> and </head> tags.

and denn? like i said, really need a whole discertation on how to set this up....

like what do i do for the buttons at the top? do i put their coding in the index page or on the js page?

**CouponGuy** · 09-12-2006, 09:26 PM

And then you can make the function calls in your buttons just like you are now. You would keep the buttons the same as they are now.

**mgraphic** · 09-12-2006, 09:43 PM

Quote:

Originally Posted by funkdaddu

I used a self-closing tag (hence the / before the last > which is technically correct. Just like you can use <br/> Which browser will hang on that?

EDIT: OK, it is not valid HTML 4, but it is valid in XHTML. So I guess it depends which Doctype you're using

I have been curious to this type of usage in xhtml 1.0. Is it OK to use a self closing tag (i.e. "/>") on tags that are commonly used with opening/ending tags?

Example - Are these valid?

<textarea />
<script />
<a name="section1" />

(what about my username, is that legal? - lol)

**funkdaddu** · 11:21 PM

No, those don't validate as they are... they are missing attributes and not enclosed in a paragraph, form, etc... Use this and play around...
This does validate:

HTML Code:

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

	<head>
		<title>Untitled Page</title>
		<script type="text/javascript" src="test.js"/>
	</head>

	<body>
	<p><textarea rows="20" cols="20"/></p>
	<script type="text/javascript" src="test.js"/>
	<p><a name="section1" /></p>
	</body>

</html>

**autoecart** · 09-13-2006, 04:19 PM

In order for Javascript to validate make sure you insert the doc type in the code.