آموزش گام به گام جاوا اسکریپت - چگونه؟
سه شنبه 30 آبان 1391 8:00 AM
<html>
<body>
<script type = "text/javascript">
Document.write("Hello World!");
</script>
</body>
</html>
کد بالا در خروجی صفحه HTML نتیجه زیر را تولید میکند:
Hello World!
توضیح مثال
برای وارد کردن جاوا اسکریپت داخل صفحه HTML از تگ <script> استفاده می کنیم . داخل تگ <script> نوع خصوصیاتی که برای تعریف زبان اسکریپت تعریف می شود را تعریف میکنیم.
بنابراین <script type="text/javascript"> و </script> به ما می گوید که جاوا اسکریپت از کجا شروع شده و کجا خاتمه پیدا کرده
<html>
<body>
<script type="text/javascript">
......
</script>
</body>
</html>
کلمه ی Document.write یک دستور استاندارد جاوا اسکریپت برای نوشتن خروجی بر روی صفحه است. با قرار دادن دستور Document.write بین تگهای <script> و </script> مرورگرآن را به عنوان یک دستورجاوااسکریپت تشخیص داده و آن خط را اجرا می کند . در این مورد مرورگر Hello World! را بر روی صفحه می نویسد.
<html>
<body>
<script type="text/javascript">
Document.write("Hello World!");
</script>
</body>
</html>
توجه : اگر ما تگ <script> را ننویسیم مرورگر خود دستور document.write("Hello World!") را بدون هیچ تغییری چاپ می کند چراکه آن را به عنوان یک متن شناسایی خواهد کرد.
مرورگرهایی که از جاوا اسکریپت حمایت نمی کنند با آن به عنوان محتویات یک صفحه عمل می کنند .
برای جلوگیری از این مسئله و طبق استانداردهای جاوا اسکریپت ، توضیح تگهای HTML می تواند دستورات جاوا اسکریپت را پنهان کند . کافی است از تگ HTML <!-- قبل از اول توضیحات جاوا اسکریپت و یک <-- در آخر دستور بعد از آخرین توضیح جاوا اسکریپت استفاده کنید .
<html>
<body>
<script type = "text/javascript">
<!- -
Document.write("Hello World!")
// -- >
<script/>
</body>
</html>
دو تا اسلشی که در آخر خط توضیحی وجود دارد (//) نشانه ی توضیحات جاوا اسکریپت است . که این از اجرای تگ <- - در جاوا اسکریپت جلوگیری می کند.
مدیر تالار های: