admin管理员组文章数量:1356701
I'm new to Javascript, as in just really getting started with it today. I'm testing some very basic code in the first chapter of a book and encountered a problem on the first example. I wrote the code in Notepad++, but even in that program my second line of menting is black and not green. Why does the line right after </noscript> render?
The output to my browser is rendered as: Hello World! // Display a message dialog after the page has loaded.
<!DOCTYPE html>
<html>
<body>
<div id = "panel">
<script type = "text/javascript">
// Dynamically write a text string as the page loads.
document.write("Hello World!");
</script>
<noscript>Javascript is Not Enabled!</noscript>
// Display a message dialog after the page has loaded.
<body onload = " window.alert('Document Loaded!');">
</div>
</body>
</html>
I'm new to Javascript, as in just really getting started with it today. I'm testing some very basic code in the first chapter of a book and encountered a problem on the first example. I wrote the code in Notepad++, but even in that program my second line of menting is black and not green. Why does the line right after </noscript> render?
The output to my browser is rendered as: Hello World! // Display a message dialog after the page has loaded.
<!DOCTYPE html>
<html>
<body>
<div id = "panel">
<script type = "text/javascript">
// Dynamically write a text string as the page loads.
document.write("Hello World!");
</script>
<noscript>Javascript is Not Enabled!</noscript>
// Display a message dialog after the page has loaded.
<body onload = " window.alert('Document Loaded!');">
</div>
</body>
</html>
- 2 You also have two BODY tags in your HTML. – 2C-B Commented May 29, 2013 at 17:06
- // Display a message dialog after the page has loaded. needs to be inside your script tag. You've got it outside – dewd Commented May 29, 2013 at 17:06
-
Essentially, anywhere you want to include a JS ment (
//), place it inside your<script></script>tags. – AlbertEngelB Commented May 29, 2013 at 17:07 - I found downloadable code samples from the author's website. When I pared his to what he described in the book, I saw I was vastly off. I chalk it up to his books' poor presentation. What kind of language book never shows full code block examples? – Vin Breau Commented May 29, 2013 at 18:28
4 Answers
Reset to default 8That's because you're writing your ment not in a JavaScript part but in an HTML one.
Comments in HTML are like this :
<noscript>Javascript is Not Enabled!</noscript>
<!-- Display a message dialog after the page has loaded. -->
Note that you've put a body element inside the body, that's not good. You probably wanted this instead of the second body :
<script>
window.onload = function(){
alert('document loaded!');
};
</script>
<!-- This is a ment in HTML -->
/* This is a ment in Javascript */
The reason the line you tried to ment out is rendered is because you have attempted to ment out the text with JavaScript ments.
The browser rendering html sees the two slashes (//) as part of the text, not as markup designating a ment.
The correct way to ment out something in html is with <!-- and -->.
Your ment are not between script tag. You can move it into an script tag or use the HTML ment just like @22kar said. Also you need to put the parameter "onload" in the first body tag and remove the other one.
本文标签：
版权声明：本文标题：Why is this Javascript printing my comments in the rendered HTML - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1743959010a2568670.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论