برنامه نویسی

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

ستاره غیر فعالستاره غیر فعالستاره غیر فعالستاره غیر فعالستاره غیر فعال
 

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

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

 

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

<html>
<body>

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

</body>
</html>

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

تمام حقوق سایت برای سلام دیجی و نويسندگان آن محفوظ می باشد