JavaScript نحوه استفاده از
- برای استفاده از جاوااسکریپت داخل کدهای html باید از تگ <script> استفاده شود.
- این اسکریپت ها میتوانند داخل <body> یا داخل <head> تعریف شوند.
Body مثال استفاده از اسکریپت داخل
<html>
<body>
<h2>Demo JavaScript in Body</h2>
<p id=“demo”>An Example</p>
<button type=“button” onclick=“myFunction()”>Try it</button>
<script>
function myFunction() {
document.getElementById(“demo”).innerHTML = “Paragraph changed.”;
}
</script>
</body>
</html>
head مثال استفاده از اسکریپت داخل
<html>
<head>
<script>
function myFunction() {
document.getElementById(“demo”).innerHTML = “Paragraph changed.”;
}
</script>
</head>
<body>
<h2>Demo JavaScript in Head</h2>
<p id=”demo”>A Paragraph.</p>
<button type=“button” onclick=“myFunction()”>Try it</button>
</body>
</html>
استفاده از اسکریپت در فایل خارجی
میتوانیم یک فایل به نام myScript.js بسازیم و اسکریپت های موردنظرمان را داخل این فایل ذخیره کنیم و درنهایت داخل کدهای html هرجا که نیاز بود فایل اسکریپت ها را فراخوانی کنیم.
myScript.js محتوای فایل خارجی به نام
function myFunction() {
document.getElementById(“demo”).innerHTML = “Paragraph changed.”;
}
html داخل فایل myScript.js فراخوانی فایل
<html>
<body>
<h2>Demo External JavaScript</h2>
<p id=“demo”>A Paragraph.</p>
<button type=“button” onclick=“myFunction()”>Try it</button>
<p>This example links to “myScript.js”.</p>
<p>(myFunction is stored in “myScript.js”)</p>
<script src=“myScript.js”></script>
</body>
</html>