Vous êtes sur la page 1sur 8

<html> <head> <title>JavaScript String toUpperCase() Method</title> </head> <body> <script type="text/javascript"> var str = "Apples are round,

and Apples are Juicy."; document.write(str.toUpperCase( )); </script> </body> </html> --------------------------<html> <head> <title>JavaScript String concat() Method</title> </head> <body> <script type="text/javascript"> var str1 = new String( "This is string one" ); var str2 = new String( "This is string two" ); var str3 = str1.concat( str2 ); document.write("Concatenated String :" + str3); </script> </body> </html> --------------------------<html> <head> <title>JavaScript String length Property</title> </head> <body> <script type="text/javascript"> var str = new String( "This is string" ); document.write("str.length is:" + str.length); </script> </body> </html> ---------------------------<html> <head> <title>JavaScript Math abs() Method</title> </head> <body> <script type="text/javascript"> var value = Math.abs(-1); document.write("First Test Value : " + value ); var value = Math.abs(null); document.write("<br />Second Test Value : " + value ); var value = Math.abs(20); document.write("<br />Third Test Value : " + value ); var value = Math.abs("string"); document.write("<br />Fourth Test Value : " + value ); </script>

</body> </html> ---------------------<html> <head> <title>JavaScript Math pow() Method</title> </head> <body> <script type="text/javascript"> var value = Math.pow(7, 2); document.write("First Test Value : " + value ); var value = Math.pow(8, 8); document.write("<br />Second Test Value : " + value ); var value = Math.pow(-1, 2); document.write("<br />Third Test Value : " + value ); var value = Math.pow(0, 10); document.write("<br />Fourth Test Value : " + value ); </script> </body> </html> ----------------------<html> <body> <script type="text/javascript"> <!-var a = 33; var b = 10; var c = "Test"; var linebreak = "<br />"; document.write("a + b = "); result = a + b; document.write(result); document.write(linebreak); document.write("a - b = "); result = a - b; document.write(result); document.write(linebreak); document.write("a / b = "); result = a / b; document.write(result); document.write(linebreak); document.write("a % b = "); result = a % b; document.write(result); document.write(linebreak); document.write("a + b + c = "); result = a + b + c; document.write(result); document.write(linebreak);

a = a++; document.write("a++ = "); result = a++; document.write(result); document.write(linebreak); b = b--; document.write("b-- = "); result = b--; document.write(result); document.write(linebreak); //--> </script> <p>Set the variables to different values and then try...</p> </body> </html> --------------------<html> <body> <script type="text/javascript"> <!-var a = 10; var b = 20; var linebreak = "<br />"; document.write("(a == b) => "); result = (a == b); document.write(result); document.write(linebreak); document.write("(a < b) => "); result = (a < b); document.write(result); document.write(linebreak); document.write("(a > b) => "); result = (a > b); document.write(result); document.write(linebreak); document.write("(a != b) => "); result = (a != b); document.write(result); document.write(linebreak); document.write("(a >= b) => "); result = (a >= b); document.write(result); document.write(linebreak); document.write("(a <= b) => "); result = (a <= b); document.write(result); document.write(linebreak); //-->

</script> <p>Set the variables to different values and different operators and then try... </p> </body> </html> ----------------------<html> <body> <script type="text/javascript"> <!-var a = true; var b = false; var linebreak = "<br />"; document.write("(a && b) => "); result = (a && b); document.write(result); document.write(linebreak); document.write("(a || b) => "); result = (a || b); document.write(result); document.write(linebreak); document.write("!(a && b) => "); result = (!(a && b)); document.write(result); document.write(linebreak); //--> </script> <p>Set the variables to different values and different operators and then try... </p> </body> </html> ---------------JavaScript in <head>...</head> section: <html> <head> <script type="text/javascript"> <!-function sayHello() { alert("Hello World") } //--> </script> </head> <body> <input type="button" onclick="sayHello()" value="Say Hello" /> </body> </html> _--------------------JavaScript in <body>...</body> section: <html> <head> </head> <body>

<script type="text/javascript"> <!-document.write("Hello World") //--> </script> <p>This is web page body </p> </body> </html> -------------------JavaScript in External File : <html> <head> <script type="text/javascript" src="filename.js" ></script> </head> <body> ....... </body> </html> function sayHello() { alert("Hello World") } --------------------if statement: <script type="text/javascript"> <!-var age = 20; if( age > 18 ){ document.write("<b>Qualifies for driving</b>"); } //--> </script> ----------------if...else statement: <script type="text/javascript"> <!-var age = 15; if( age > 18 ){ document.write("<b>Qualifies for driving</b>"); }else{ document.write("<b>Does not qualify for driving</b>"); } //--> </script> -------------------if...else if... statement: <script type="text/javascript"> <!-var book = "maths"; if( book == "history" ){ document.write("<b>History Book</b>"); }else if( book == "maths" ){ document.write("<b>Maths Book</b>"); }else if( book == "economics" ){ document.write("<b>Economics Book</b>"); }else{ document.write("<b>Unknown Book</b>"); } //-->

</script> ---------------------Switch Case <script type="text/javascript"> <!-var grade='A'; document.write("Entering switch block<br />"); switch (grade) { case 'A': document.write("Good job<br />"); break; case 'B': document.write("Pretty good<br />"); break; case 'C': document.write("Passed<br />"); break; case 'D': document.write("Not so good<br />"); break; case 'F': document.write("Failed<br />"); break; default: document.write("Unknown grade<br />") } document.write("Exiting switch block"); //--> </script> -------------------------The while Loop <script type="text/javascript"> <!-var count = 0; document.write("Starting Loop" + "<br />"); while (count < 10){ document.write("Current Count : " + count + "<br />"); count++; } document.write("Loop stopped!"); //--> </script> ------------------------The do...while Loop: <script type="text/javascript"> <!-var count = 0; document.write("Starting Loop" + "<br />"); do{ document.write("Current Count : " + count + "<br />"); count++; }while (count < 0); document.write("Loop stopped!"); //--> </script> ----------------------The for Loop <script type="text/javascript"> <!-var count; document.write("Starting Loop" + "<br />"); for(count = 0; count < 10; count++){ document.write("Current Count : " + count ); document.write("<br />"); }

document.write("Loop stopped!"); //--> </script> ---------------------onclick Event Type: <html> <head> <script type="text/javascript"> <!-function sayHello() { alert("Hello World") } //--> </script> </head> <body> <input type="button" onclick="sayHello()" value="Say Hello" /> </body> </html> -----------------onmouseover and onmouseout: <html> <head> <script type="text/javascript"> <!-function over() { alert("Mouse Over"); } function out() { alert("Mouse Out"); } //--> </script> </head> <body> <div onmouseover="over()" onmouseout="out()"> <h2> This is inside the division </h2> </div> </body> </html> ----------------------Confirmation Dialog Box: <head> <script type="text/javascript"> <!-var retVal = confirm("Do you want to continue ?"); if( retVal == true ){ alert("User wants to continue!"); return true; }else{ alert("User does not want to continue!"); return false; } //--> </script> </head> -----------------------Prompt Dialog Box: <head> <script type="text/javascript">

<!-var retVal = prompt("Enter your name : ", "your name here"); alert("You have entered : " + retVal ); //--> </script> </head> --------------------------

Vous aimerez peut-être aussi