آموزش برنامه نویسی جاوا اسکریپت نوشتن اولین کد در JavaScript
جاوا اسکریپت یکی از رایج ترین زبان های برنامه نویسی وب بوده که با استفاده از آن می توانید صفحات وب پویا و تعاملی طراحی کنید. همانطور که در قسمت قبلی آموزش گام به گام جاوا اسکریپت اشاره شد، دستورات JavaScript توسط مرورگر (Browser) اجرا خواهند شد. یادگیری این زبان برنامه نویسی برای هر طراح وب سایتی لازم است. در این قسمت از آموزش شروع برنامه نویسی با جاوا اسکریپت را برایتان آماده کردیم و می خواهیم اولین برنامه خود را به زبان جاوا اسکریپت بنویسیم با ما همراه باشید:
کدهای JavaScript را کجا اضافه کنیم
اسکریپت های جاوا اسکریپت بین تگ های <script>….</script> نوشته می شوند. این اسکریپت ها را می توانید درون تگ های <head> و <head/> صفحه قرار دهید.
تگ <script> به مرورگر اعلام می کند تمام عبارت های داخل این تگ را بعنوان اسکریپت ترجمه و اجرا کند.
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
// Write your script here...!
</script>
</head>
<body>
</body>
</html>
مرورگرهای IE و یا Firefox جاوا اسکریپت را به عنوان زبان اسکریپت پیش فرض می شناسند. یعنی با دیدن تگ <script> به طور پیش فرض تمام دستورات داخل آن را به عنوان JavaScript تفسیر می کنند. از این رو تعیین صفت Type اختیاری می باشد. هر چند بهتر است که در جهت استاندارد شدن کد های خود حتما این Attribute را اضافه کنید.
همچنین می توانید اسکریپت های خود را درون تگ های <body> و <body/> اضافه نمایید.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script type="text/javascript">
//Write your script here...!
</script>
</body>
</html>
می توانید اسکریپت ها را حتی قبل و یا بعد از تگ <html> نیز اضافه کنید. البته این روش به دلیل غیر استاندارد بودن اصلا توصیه نمی شود.
همانطور که در مثال های فوق مشاهده کردید از صفت Type جهت تعیین زبان اسکریپت استفاده کردیم. بدلیل اینکه JavaScript، اسکریپت پیش فرض HTML می باشد استفاده از این Attribute اختیاری می باشد.
به مثال زیر توجه کنید:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>آموزشگاه آنلاین برنامه نویسی چسبون| آموزش گام به گام جاوا اسکریپت</h1>
<p>متن زیر توسط جاوا اسکریپت ایجاد شده است</p>
<div id="test"></div>
<script>
document.getElementById('test').innerHTML = "<p>Welcome to <a href='https://chasboon.ir'>chasboon.ir</a></p>";
</script>
</body>
</html>
لطفا نظرات و پیشنهادات سازنده خود را با ما در میان بگذارید.