تگ < script > :
از تگ < script > برای قرار دادن یک اسکریپت ( برنامه های نوشته شده توسط زبان های برنامه نویسی اسکریپتی مثل Java Script , VB Script ) درون صفحات HTML استفاده می شود . مجموعه دستورات برنامه مورد نظر بین تگ باز و بسته < script > قرار بگیرند .
در این قسمت ما به بررسی قرار دادن اسکریپت ها در صفحات HTML و خصوصیات تگ Script می پردازیم و به آموزش اسکریپت نویسی کاری نداریم .
محل قرار دادن تگ < script > :
تگ های اسکریپت را می توان در درون بخش < body > صفحه HTML و یا در قسمت < head > قرار داد . تگ هایی که در قسمت < body > قرار بگیرند ، به محض اجرای صفحات اجرا شده و اثر خود را نمایش می دهند . ولی اسکریپت هایی که در بخش < head > قرار بگیرند ، تا زمانی که توسط کاربر فراخوانی نشده و یا رویداد در نظر گرفته شده برای اجرای آنها اتفاق نیفتد ، اجرا نخواهند شد .
مثال : اسکریپت زیر به محض اجرای صفحه اجرا شده و پیغام زیر را نمایش می دهد :
< html > < head > < /head > < body > < script type = “text/javascript” > document.write ( ” This is an Script … ! ” ) < /script > < /body > < /html >This is an Script … ! خروجی |
مثال : می توان یک اسکریپت را در یک فایل خارجی ( برای مثال یک فایل با پسوند js برای Java Script ) ایجاد کرده و سپس توسط یک تگ < script > و خاصیت src در بخش head یا body به آن اسکریپت پیوند ایجاد کرد :
< html > < head > < script type = “text/javascript” src = “http://www.DeveloperStudio.ir/Scripts/javasample.js” > < /head > < body > < script type = “text/javascript” src = “http://www.DeveloperStudio.ir/Scripts/javasample.js” > < /body > < /html > |
* نحوه مدیریت مرورگرهای قدیمی در برخورد با تگ های < script > :
برخی از مرورگرهای قدیمی تگ < script > را نمی شناسند و باعث می شوند تا متن دستورات اسکریپت ها را ، همانند متن ساده بر روی صفحه نمایش دهند . برای جلوگیری از این مسئله و مخفی کردن تگ های اسکریپت از دید مرورگرهای قدیمی ، تگ < script > را در درون یک comment ( توضیح ) به صورت زیر قرار می دهیم . مرورگرهای جدید به صورت هوشمند ، متن درون commnet ها را بررسی کرده و چنانجه حاوی دستورات اسکریپتی باشند ، آنها را اجرا می کنند .
مثال : Script زیر را با قرار دادن بین علامت های توضیح comment ، از دید مرورگرهای قدیمی مخفی کرده ایم . چنانچه در بخش خروجی ، خروجی درستی ندارید ، ورژن مرورگر خود را عوض کنید چون خیلی قدیمی است !!! .
For Java Script < script type=”text/javascript” > <!– document.write (” This is not suitable for old browsers “) //–> < /script > For VB Script < script type=”text/vbscript” > <!– document.write (” This is not suitable for old browsers “) ‘–> < /script > |
تگ < noscript > :
این تگ برای نمایش یک متن هشدار یا جایگزین ، در صورتی که اسکریپت قبل از آن اجرا نشده باشد ، به کار می رود . این حالت در مورد مرورگرهایی که تگ < script > را می شناسند ، ولی قادر به اجرای دستورات موجود در آن نیستند به کار می رود ، که در این صورت متن درون تگ < noscript > را نمایش خواهد داد .
چنانچه مرورگر موفق به اجرای اسکریپت شود ، از تگ < noscript > به طور کامل چشم پوشی می کند .
نکته : تگ < script > باید بلافاصله بعد از تگ < script > به کار رود .
مثال : در مثال زیر یک اسکریپت ارائه شده که یک تگ < noscript > بلافاصله بعد ازآن قرار داده شده است . خروجی مثال زیر بستگی به ورژن مرورگر شما دارد … ! :
< script type=”text/javascript” > document.write (” Hi every body . Welcome ! “) < /script > < noscript > Your browser doesn`t support javascript < /noscript > |
این تگ برای نمایش یک متن هشدار یا جایگزین ، در صورتی که اسکریپت قبل از آن اجرا نشده باشد ، به کار می رود . این حالت در مورد مرورگرهایی که تگ < script > را می شناسند ، ولی قادر به اجرای دستورات موجود در آن نیستند به کار می رود ، که در این صورت متن درون تگ < noscript > را نمایش خواهد داد .
چنانچه مرورگر موفق به اجرای اسکریپت شود ، از تگ < noscript > به طور کامل چشم پوشی می کند .
نکته : تگ < script > باید بلافاصله بعد از تگ < script > به کار رود .
مثال : در مثال زیر یک اسکریپت ارائه شده که یک تگ < noscript > بلافاصله بعد ازآن قرار داده شده است . خروجی مثال زیر بستگی به ورژن مرورگر شما دارد … ! :
< script type=”text/javascript” > document.write (” Hi every body . Welcome ! “) < /script > < noscript > Your browser doesn`t support javascript < /noscript >Hi every body . Welcome ! خروجی |