چگونه از javascript در طراحی سایت استفاده کنیم؟

تگ <script> در زبان html برای قرار دادن کدهای جاوااسکریپت در صقحه وب سایت به کار میرود!

چگونه جاوا اسکریپت را داخل صفحات HTML  قرار دهیم؟

<html>
<body>

    <script type = "text/javascript">

           Document.write("Hello World!");

    </script>

</body>
</html>

کد بالا در خروجی صفحه HTML نتیجه زیر را تولید میکند:

Hello World!

توضیح مثال
استفاده از javascript در طراحی سایت ساده است فقط کافی است داخل صفحه 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  <!–  قبل از اول توضیحات جاوا اسکریپت  و یک <– در آخر دستور بعد از آخرین توضیح جاوا اسکریپت استفاده کنید .

<html>
<body>

     <script type = "text/javascript">
     <!- -
          Document.write("Hello World!")
     // -- >
     <script/>

</body>
</html>

دو تا اسلشی که در آخر خط توضیحی وجود دارد (//) نشانه ی توضیحات جاوا اسکریپت است . که این از اجرای تگ <- – در جاوا اسکریپت جلوگیری می کند.

مترجم: فاطمه سیفی

شما ممکن است این را هم بپسندید

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *