StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>The primary answer is: Use JavaScript files for JavaScript, not HTML files, and use the <code>src</code> attribute of script tags. (Combine all your JS into one file, minimize, gzip, etc. for performance.)</p> <p>But, you <em>can</em> embed JavaScript in HTML if absolutely necessary. Use a valid, modern DOCTYPE and you don't have to resort to comment tags and CDATA sections.</p> <p>Valid HTML5 example:</p> <pre><code><!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-type" content="text/html;charset=UTF-8"> <title>Example</title> <script type='text/javascript'> function foo() { var a = 1, b = 2; if (a && b) { alert("Both"); } if (a < b) { alert("a < b"); } if (a > b) { alert("a > b"); } } </script> </head> <body> <p>Hi there</p> </body> </html> </code></pre> <p>That will also validate as HTML4 strict if you change the doctype to</p> <pre><code><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> </code></pre> <p>Note that in both cases, you need to be careful about end tags in your script --</p> <p>This causes the problem:</p> <pre><code><script type='text/javascript'> alert("</td>"); </script> </code></pre> <p>This solves the problem by prefacing the slash with a backslash (or you can break the end tag up into separate string literals):</p> <pre><code><script type='text/javascript'> alert("<\/td>"); // -or- alert("<" + "/td>"); </script> </code></pre> <p>But again, the basic answer is: Don't embed JavaScript within HTML files when you can avoid it, use JavaScript files for that.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload