How To Close Browser Window In JavaScript?
You can close current window of a web browser easily using JavaScript. You need window.close() Or just close() built-in JavaScript functions to achieve this task.
JavaScript
Animation and transition properties in CSS and JS
Below is the list of CSS properties that you can animate using animations and transitions. List also contain the scripting names of properties. CSS property Scripting property background backgroundProperty background-color backgroundColor background-image backgroundImage background-position backgroundPosition border border border-bottom borderBottom border-bottom-color borderBottomColor border-bottom-left-radius borderBottomLeftRadius border-bottom-right-radius borderBottomRigthRadius border-bottom-width borderBottomWidth border-color borderColor border-left borderLeft border-left-color borderLeftColor border-left-width borderLeftWidth […]
Prompt Dialog Box In JavaScript
Example: <!DOCTYPE html> <html> <body> <script> function askFromMe() { var result; var favLanguage = prompt(“What’s your favorite programming language?”); switch(favLanguage) { case “php”: result = “PHP is your favourite!”; break; case “javascript”: result = “JavaScript is your favourite!”; break; case “jquery”: result = “JQuery is your favourite!”; break; default: result = “You did not enter […]
Display Confirm Alert Box In JavaScript
Example: <script> function displayMessage(){ var sure = confirm(“Do you realy want to visit tutorialstown.com?”); if(sure) window.location.href = “https://tutorialstown.com”; else alert(“You don’t wnat to visit.”); } </script> <body> <button onclick=”displayMessage()”> Visit tutorialstown.com </button> </body>
Change Element’s Multiple Classes In JavaScript
Example: <script> function cssChange(){ document.getElementById(“heading”).className += ” my-class-one”; document.getElementById(“heading”).className += ” my-class-two”; } </script> <style> .default-style { color:red } .my-class-one { text-decoration:underline} .my-class-two { font-style:italic } </style> <body> <h2 class=”default-style” id=”heading”>Tutorialstown.com</h2><br> <button onclick=”cssChange()”> Change Css Class </button> </body>
Change Html Element’s Class In JavaScript
Examples: <script> function cssChange(){ document.getElementById(“heading”).className = “my-class-two”; } </script> <style> .my-style { color:red } .my-class-two { color:skyblue } </style> <body> <h2 class=”my-style” id=”heading”>Tutorialstown.com</h2><br> <button onclick=”cssChange()”> Change Css Class </button> </body>
What is href=”JavaScript:;” In JavaScript?
javascript:; is a trick which is used inside HTML href attribute. javascript:; is used to call user defined function through HTML hyper links. That trick is also prevents an action to any external HTML page.
What is JavaScript:void(0) In JavaScript?
JavaScript:void(0) is a built-in function and has 0 as an argument in JavaScript. JavaScript:void(0) returns undefined / nothing / false. That function is used inside hyper link in HTML and it calls user defined function. All major browsers support that function.