IE8 displays white page when adding Javascript

Question

I recently created a website and added some jQuery into it. However doing this makes IE8 display a white page. Whenever I remove the Javascript IE8 renders the site fine. I have tested locally as well as on the internet, the problem still persists.

This is my code to include my .js files:

<script type="text/javascript" src="jQuery/jQuery.js" />
<script type="text/javascript" src="jQuery/effects.js" />

Answer 1

Try closing the script tags the HTML way:

<script type="text/javascript" src="jQuery/jQuery.js"></script>
<script type="text/javascript" src="jQuery/effects.js"></script>

The reason for this is probably that IE can't parse XHTML, instead it tries to convert XHTML to regular HTML and chokes on script tags that uses ending-slash for closing.

Answer 2

Self-closing script tags are not interpreted in HTML by any version of Internet Explorer. It seems to be a very strict interpretation of rules.

You will need to close the <script> tags explicitly.

<script type="text/javascript" src="jQuery/jQuery.js" ></script>
<script type="text/javascript" src="jQuery/effects.js"></script>

See this question

Answer 3

Self-closing tags are part of XHTML, not HTML. No versions of IE before IE9 support XHTML so I'll assume that you're serving HTML. Close script tags in HTML with </script>.