How do include a javascript file into JSP?

Printable View

10-14-2005, 11:59 PM
Maria Modeste

How do include a javascript file into JSP?

I am using the following code to include some java script (- no error messages are being displayed, but it is not working):

<jsp:include page = "validation.js" flush = "true" />

I also placed this in the header tags:
<script language="JavaScript" type="text/JavaScript">
<--

//-->
</script>
As well as in the form tag I placed the usual code:

<form name="claimform1" onSubmit="return Claim(this)" id="claimform1" method="post" action="Claim_Form_2.jsp">

The java script code is saved in a file called "validation.js" Can anyone suggest what else I can do for JSP to recognise the javascript code? :confused:

Maria
10-16-2005, 11:52 AM
Norm

Another way to "include" javascript in your html with the src= attribute in the <SCRIPT tag:
src="Ixxx_files/hbx_page_code_standard.js"

instead of including the actual javascript in the html you create, you can refer to it with the above.
11-20-2006, 11:38 AM
chiponium

Include .js file in a JSP page

I am also having an issue including a .js file on the JSP page. Need a few examples of how to code the page that includes the dynamic drop down list.

Thank you.
11-17-2010, 01:57 AM
leet3lite

I am having the same problem including jQuery in my JSP:

Code:

<?xml version="1.0" encoding="UTF-8"?> <jsp:root version="2.0" xmlns:jsp="http://java.sun.com/JSP/Page"> <jsp:directive.page contentType="text/html; charset=UTF-8" /> <jsp:output doctype-root-element="html" doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml-strict.dtd" /> <head> <script type="text/javascript" src="jquery-1.4.4.min.js"></script> </head> <body> <p>Blank</p> </body> </jsp:root>

I have a local copy of the jQuery file sitting in the root context and I'm using Tomcat 6.
The text "Blank" does not appear and if I test any jQuery functionality, it doesn't work. This was tested in IE8 and Chrome with the same effect.
If I rewrite this in pure HTML, then the "Blank" text does appear:

HTML Code:

<!DOCTYPE HTML "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml-strict.dtd"> <html> <head> <script type="text/javascript" src="jquery-1.4.4.min.js"></script> </head> <body> <p>Blank</p> </body> </html>

Why is the script failing in JSP, but not in HTML?
11-22-2010, 08:37 AM
cgiguy

At a glance I'd say the problem is that you've specified the <jsp:output> element (which outputs the <html> element into the generated HTML) as an empty element. Thus your <head> and <body> elements are outside the generated <html> element, and since you've specified a valid DOCTYPE, the browser is in Standards mode and considers this a malformed document.

Remove the trailing slash in the <jsp:output> tag, and add a closing </jsp:output> tag after your closing </body> tag. That should give a valid HTML document for your browser to parse.
11-23-2010, 02:13 AM
leet3lite

I'm afraid <jsp:output> is not allowed to have a body, so it must always be written <jsp:output />

The only workaround that I've found that works is a full inclusion of the js file in the body of the page, like so:

HTML Code:

<script type="text/javascript"> <jsp:include page="jquery-1.4.4.min.js" /> </script>

Unfortunately, this puts the whole javascript source on the page, allowing everyone to see it. It's not really optimal, especially for such large and ugly-to-read files like this minimized jQuery one. Worse would be for any javascript that might expose unecessary information about how the model/controller work.
11-23-2010, 08:07 AM
cgiguy

Sorry about that. I was assuming that the <jsp:output> tag caused the JSP processor to output an <html> element. It doesn't, and I still think that's the root cause of your problem--the JSP-generated HTML output is not valid for the DOCTYPE you've specified, because your JSP code does not output an <html> element. Try adding in the <html> element and see if that fixes your problem.
11-23-2010, 09:13 AM
leet3lite

However, the <jsp:root> element does generate an <html> element and it correctly envelops the <head> and <body> tags.
Nevertheless, JSPX does not require <jsp:root> as the root element, so I tried it out replacing it with <html>, but unfortunately the same HTML was generated as before.
No luck I'm afraid.