اسکریپت های HTML

اسکریپت های HTML


در HTML، اسکریپت «Script» برنامه کوچک و تعبیه شده ای است که می تواند وب سایت شما را تعاملی کند. به عنوان مثال، اسکریپت می تواند یک کادر پیام یا آلارم به صورت پاپ-آپ باشد یا یک منوی کشویی را ارائه دهد.

از آنجا که HTML در واقع قابلیت اسکریپت را ندارد، شما باید از عنصر <script> برای اعلام یک اسکریپت، با استفاده از یک زبان اسکریپتی استفاده کنید.

تگ های باز و بسته <script> به مرورگر می گویند که یک اسکریپت بین آنها وجود دارد. شما می توانید زبان اسکریپت را با استفاده از ویژگی type مشخص کنید. با این وجود، این گزینه اختیاری است اگر از جاوا اسکریپت استفاده می کنید، مقدار پیشفرض عنصر <script> نیز جاوا اسکریپت می باشد و نیازی به وارد کردن این مقدار نیست. جاوا اسکریپت که به عنوان JS نیز معروف است محبوب ترین زبان برنامه نویسی مورد استفاده در وب سایت ها می باشد.

افزودن اسکریپت

اسکریپت ها اغلب درون عنصر <head> قرار می گیرند. این تضمین می کند که اسکریپت هنگام بارگذاری صفحه آماده اجرا باشد.

ولی، این الزامی نیست، و شما همچنین می توانید آن اسکریپت را در عنصر <body> در صورت لزوم قرار دهید.

در حقیقت، اغلب ایده خوب آن است که در انتهای صفحه درست قبل از تگ </body> قرار دهید، تا زمانی که متن دیگری که ممکن است برآن تکیه کند، روی آن نوشته شود.

<script>

alert ("سلام، به وب سایت من خوش آمدید");

</script>

برای مشاهده نتیجه اینجا کلیک کنید.

قرار دادن این کد به تنهایی در یک صفحه HTML باعث می شود، به محض اینکه صفحه بارگذاری شد، یک پیام پاپ-آپ مبنی بر: "سلام، به وب سایت من خوش آمدید" نمایش داده می شود و زمانی که روی دکمه OK کلیک کنید صفحه اصلی برای کاربر نمایش داده می شود.

راه اندازی اسکریپت

در بسیاری از موارد طراحان وب نمی خواهند اسکریپت به طور خودکار اجرا شود. شما ممکن است فقط بخواهید زمانی که کاربر کاری را انجام دهد (مثلا برروی لینک یا قسمتی کلیک کند) اسکریپت اجرا شود.

این اقدامات حوادث ذاتی (وقایع برای کوتاه مدت) نامیده می شود. بسیاری از رویدادهای ذاتی از پیش تعریف شده وجود دارد که می تواند یک اسکریپت را اجرا کند. شما از متغیرهای رویداد استفاده می کنید تا به مرورگر بگویید که کدام رویداد باید کدام اسکریپت را فعّال کند. اینها به عنوان یک ویژگی درون تگ HTML مشخص می شوند.

بگذارید بگوییم شما می خواهید یک پیام را هرزمانی که کاربر یک دکمه را کلیک می کند نمایش داده شود. شما می توانید یک رویداد onclick() را برای انجام این عمل استفاده کنید. در این مثال، یک کادر متنی جاوا اسکریپت حاوی یک پیام را نمایش می دهیم:

<input type="button" value="روی من کلیک کن" onclick="alert('سلام، ممنون از حضورتان');">

برای مشاهده نتیجه اینجا کلیک کنید.

رویداد ذاتی onclick یکی از ابزارهای رویداد در زبان HTML است. برای حالت هایی مثل تغییرات فرم، بارگذاری صفحه، حالت شناور موس و غیره رویدادهای دیگری نیز وجود دارد.

در جلسات آینده لیست کاملی از این رویدادها را برای شما کاربران عزیز کامپیوتر پرسش فراهم می کنیم.

تماس با اسکریپت خارجی

شما همچنین می توانید اسکریپت های خود را در فایل خود قرار دهید و سپس آن فایل را از سند HTML فراخوانی کنید. این زمانی مفید است که بخواهید اسکریپت های مشابه را برای چندین سند HTML به کار ببرید. با انجام اینکار شما در وقت و زمان خود صرفه جویی می کنید و تنها با انجام عمل "کپی و پیست" اسکریپت ها را در هر سند HTMLای که می خواهید قرار دهید. این باعث می شود اسکریپت های هر وب سایت را به سادگی قرار دهید.

<script type="text/javascript" src="http://www.computerquestion.ir/script-example.js"></script>

اطلاعات متناوب برای مرورگرهای قدیمی

شما می توانید اطلاعات جایگزین یا متناوب برای مرورگرهایی که از جاوا اسکریپت پشتیبانی نمی کنند یا خود کاربر جاوا اسکریپت را غیرفعال کرده است وارد نمایید. شما می توانید با استفاده از تگ <noscript> این کار را انجام دهید.

هر محتوایی که بین تگ باز و بسته این عنصر قرار داده شود به کاربر نمایش داده می شود امّا تنها زمانی که جاوا اسکریپت غیرفعال است.

<script type="text/javascript">

    alert("سلام، به وب سایت من خوش آمدید!");

</script>

<noscript>

شما برای مشاهده این صفحه به جاوا اسکریپت نیاز دارید.

</noscript>

جلسه قبل | جلسه بعد

تبلیغات در پایین ادامه ی مطلب

نظرات شما


    نام
    ایمیل (منتشر نمی‌شود) (لازم)
    وبسایت
    :) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
    نظر خصوصی
    مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
    کد امنیتیرفرش کد امنیتی