How do include a javascript file into JSP?

**Maria Modeste** · 10-14-2005 11:59 PM

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?

Maria

**Norm** · 10-16-2005 11:52 AM

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.

**chiponium** · 11-20-2006 11:38 AM

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.

**leet3lite** · 11-17-2010 01:57 AM

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?

**cgiguy** · 11-22-2010 08:37 AM

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.

**leet3lite** · 11-23-2010 02:13 AM

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.

**cgiguy** · 11-23-2010 08:07 AM

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.

**leet3lite** · 11-23-2010 09:13 AM

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.

Thread: How do include a javascript file into JSP?

Thread Tools

Display

How do include a javascript file into JSP?

Include .js file in a JSP page

Similar Threads

wav file fade in out help

File uploading / objFile.Write problem

Include File question

DTS - deleting a text file after importing the data...

ASP creates HTML file, How can I get FrontPage to import it?

Bookmarks

Bookmarks

Posting Permissions