کدهای جاوا اسکریپت را باید درون تگ اسکریپت در فایل Html وارد کنیم. تگ های اسکریپت می توانند هم در قسمت Head و هم در قسمت Body یک فایل Html تعریف شوند.
در یک فایل html، کد های جاوا اسکریپت بین تگ های script قرار می گیرند.
<script>
document.getElementById("demo").innerHTML = "ٌwebbookies.com JavaScript";
</script>یا
<script type="text/javascript">
document.getElementById("demo").innerHTML = "ٌwebbookies.com JavaScript";
</script>تگ های اسکریپت می توانند بین تگ body ویا head در یک فایل html تعریف شوند.
<!DOCTYPE html>
<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>در کد بالا، درون تگ head یک فانکشن(تابع) تعریف شده است، که محتویات یک قسمت از سند html را تغییر می دهد. این تابع سپس با کلیک کردن بر روی دکمه Try it فراخوانی می شود.
<!DOCTYPE html>
<html>
<head>
<title>webbookies.com</title>
</head>
<body>
<h2>Demo JavaScript in Body</h2>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</body>
</html>همانطور که مشاهده می کنید تگ اسکریپت را می توان در قسمت body یک سند html نیز تعریف نمود.
کدهای جاوا اسکریپت همچنین می توانند در یک فایل با پسوند js به صورت جداگانه ذخیره شوند و سپس با استفاده از تگ اسکریپت به فایل html متصل شوند.
//فایل خارجی: myScript.js
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}<!DOCTYPE html>
<html>
<head>
<title>webbookies.com</title>
<script src="myScript.js"></script>
</head>
<body>
<h2>Demo JavaScript in Body</h2>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
</body>
</html>
ديدگاه كاربران
دیدگاهی وجود ندارد