JavaScript Syntax
In this post We are learn about Syntax of JavaScript, JavaScript can be implemented using JS statement that are placed within the <script>... </script> HTML tags in a web page.
You can place the <script> tags, containing your JavaScript, anywhere within you web page, but it it normally recommended that you should be keep it within the head tags.
The <script> tag alert the browser program to start interpreting all the text between these tags as a script. A simple syntax of your JS will appear as follows.
<script>
// Enter JavaScript Code..
</script>
The Script tag two important attributes:
- Language:
- That attributes specifice what scripting language you are using Typically, its value will be JS. Although recent versions of HTML(and XHTML, its successor) have phased out the use of this attribute.
- Type:
- This attribute is what is now recommended to indicate the scripting language in use and its value should be set to "text/javascript".
- So your JS syntax will looks as follows:
<script language="javaScript" type="text/javascript">
// JavaScript Code in Enter
</script>
Your First JavaScript Code:
- Let us take a simple example for print out "Hello Enter Your Name". For find this program we added an optional HTML cooment that add out JavaScript program/ This is to save out code from a browser that does not support javascript so we add that to prevent reading the end of the HTML comment as a pice of JavaScript code. Next, we call a function "document.write "which write a string into our HTML documents.
Let's see an example for more understanding.
<!DOCTYPE html>
<html lang="en">
<head>
<title>1st Program in JavaScript</title>
<!-- Include JavaScript Code: -->
<script language="javaScript" type="text/javascript">
// JavaScript Code in Enter !!
document.write("Hello Shailesh Jaiswal");
</script>
</head>
<body>
<h1>Congratulation!! You write a successfully 1st Program in JavaScript</h1>
</body>
</html>
Finally Output:- Hello Shailesh Jaiswal
WhiteSpace and Line Breaks:
- JavaScript igonres spaces, tabs, and newlines that appear in JavaScipt programs. You can use spaces, tabs and newlines freely in your program and you are free to format and indent your programs in a neat and cosistents way that makes the code easy and unerstand.
Semicolons are Optional :
- Simple statements in JS are generally follwed by a semicolon character, just as they are in C, C++, and Java. JavSript, however, allows you to omit this semicolon if your statements are placed on a seprate line.
- For Example:
<h2>Semicolon are Optinal:</h2>
<script>
var a= 10;
var b= 20;
</script>
- But when formatted in a single line as follows, you must use semicolons:
<h2>Semicolon are used correct:</h2>
<script>
var a= 10, b= 20;
</script>
NOTE: It is my personal opinion for you that is good practice in programming life.
Case Sensitivity
- JavaScript is a case-sensitive language. This means that the language keywords, variables, functions names, and any other identifiers must be always be types with a consistent capitalization of letters.
- So the identifies means Date and DATE both are diffrent meaning in JavaScript.
- Note: Care should be taken while writing varaible and functions name in javaScript.
Comments in JavaScirpt:
- JavaScript supports both C-style and C++ style comments. THUS:
- Any text between a // and the end of a line is trated as a comment and is ignored by Javascript.
- Again any text between the characters /* and */ is treated as a comment. This may span multiple line.
- JavaScript also reconginze the HTML comment opening sequence <!-- JavaScript treat this is single line comments and just as it does the // comment.
- The HTML comment closing sequence --> is not recognized by JS so it should be written as // -->
The Following example shows how to use comments in JavaScript:
<script>
// This is the single line comment. It is similar to comments in C++
/*
Now, This is the multiline of comment in JavaScript
It is very simillar to comment in C Programming
*/
</script>
Comments