What is JavaScript?
- एक Script एक छोटा सा Program है जिसका उपयोग HTML के साथ Web Pages को अधिक Attractive, Dynamic और Interactive बनाने के लिए किया जाता है, जैसे कि Mouse Click पर एक Alert Popup Window।
- वर्तमान में, Website के लिए उपयोग की जाने वाली JavaScript सबसे लोकप्रिय Scripting Language है।
Internal JavaScript
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>HTML Script Tag</title>
</head>
<body>
<h2>Use JavaScript to Change Text</h2>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello AIYOIT";
</script>
</body>
</html>
External JavaScript
1. HTML File
<!DOCTYPE html>
<html lang="en">
<head>
<title>External JavaScript</title>
</head>
<body>
<p>JavaScript can change the content of an HTML element:</p>
<button type="button" onclick="myFunction()">Click Me!</button>
<p id="demo"></p>
<!-- link JavaScript File -->
<script type="text/JavaScript" src="script.js"></script>
</body>
</html>
2. JavaScript File
function myFunction() {
document.getElementById("demo").innerHTML = "Hello AIYOIT!";
}
What is Script Element?
- HTML Script Element का उपयोग Client-side Script (JavaScript) को Define करने के लिए किया जाता है।
- यह एक Internal या External JavaScript हो सकता है जिसमें Scripting Statement होते हैं, इसलिए हम <script> Tag को <body> या <head> Section में रखते हैं।
- यह मुख्य रूप से Images Manipulate करने, Validation करने और Content को Dynamic रूप में Change करने के लिए उपयोग किया जाता है।
- JavaScript एक HTML Element को Target करने के लिए document.getElementById () Method का उपयोग करते है।
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>HTML Script Tag</title>
</head>
<body>
<h2>Use JavaScript to Change Text</h2>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello AIYOIT";
</script>
</body>
</html>
What is Noscript Element?
- Browser में Disable Script लिखने के लिए HTML Noscript Element का उपयोग किया जाता है।
- <noscript></noscript> Tag के भीतर लिखा गया Text Bowser पर Display नहीं होता है।
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>HTML Noscript Tag</title>
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello AIYOIT";
</script>
<noscript>This text is not visible in the browser.</noscript>
</body>
</html>
Trending Today
Facebook
Pinterest
LinkedIn
WhatsApp
