سینا صالحی فرد 28 اردیبهشت 1393 6 5586 بازدید آموزش HTML
فیلم آموزشی آشنایی با تگ noscript در HTML

آیا تا به حال به این فکر کرده اید که اگر دستورات جاوا اسکریپتی که در صفحات وب خود نوشته اید، اجرا نشوند، سایت شما به چه صورت برای کاربر نشان داده می شود؟ در این فیلم آموزشی html به شما می آموزیم که چطور با استفاده از تگ noscript این مشکل را برطرف نمایید.

فیلم آموزشی آشنایی با تگ noscript در HTML

برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :

دسترسی به این بخش مخصوص اعضاست. شما می توانید به رایگان عضو شوید و به این بخش دسترسی داشته باشید. ورود / عضویت

دسترسی سریع :

متن فیلم آموزشی آشنایی با تگ noscript در HTML

noscript

تگ noscript هم شامل یک تگ باز شونده و بسته شونده می باشد:

</p>
<p>&lt;noscript&gt;&lt;/noscript&gt;</p>
<p>

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

مثال :

ما یک کد جاوا اسکریپت داریم که پیغام خوش آمدگویی به کاربر می دهد :

</p>
<p>&lt;html&gt;</p>
<p>&lt;head&gt;</p>
<p>&lt;/head&gt;</p>
<p>&lt;body&gt;</p>
<p>&lt;script&gt;</p>
<p>document.write('Welcome To Onliner.ir...');</p>
<p>&lt;/script&gt;</p>
<p>&lt;/body&gt;</p>
<p>&lt;/html&gt;</p>
<p>

noscript-1

اکنون به وسیله پلاگین Web Developer جاوا اسکریپت را غیر فعال می کنیم و سپس صفحه را refresh می کنیم.

noscript-2 noscript-3

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

تگ noscript را به صفحه اضافه می کنیم و پیغام دلخواه خود را در آن قرار می دهیم :

</p>
<p>&lt;html&gt;</p>
<p>&lt;head&gt;</p>
<p>&lt;/head&gt;</p>
<p>&lt;body&gt;</p>
<p>&lt;script&gt;</p>
<p>document.write('Welcome To Onliner.ir...');</p>
<p>&lt;/script&gt;</p>
<p>&lt;noscript&gt;</p>
<p>sorry.but your brower doesnt support Java script now.</p>
<p>&lt;/noscript&gt;</p>
<p>&lt;/body&gt;</p>
<p>&lt;/html&gt;</p>
<p>

noscript-4

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

دسترسی سریع :

نظرات کاربران (6)



  1. nahan

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

  2. سارا نیکی

    سلام وقت بخیر در مورد مطلب بالا مگر ما علم غیب داریم که بدانیم جاوا اسکریپت مرورگر کاربر غیر فعال است؟!!!تشکر

    • گروه آموزش طراحی سایت

      با عرض سلام و احترام خدمت شما
      نیازی نیست علم غیب(!) داشته باشیم؛ استفاده از این تگ، یک پیش بینی هوشمندانه است؛ به طوری که مثلا شما ممکن است یک اسلایدر داشته باشید که محصولات تولیدی یک شرکت در آن نمایش داده میشود، اما اگر جاوااسکریپت مرورگر فعال نباشد، در محتوای این تک، یک لینک به فایل فشرده ای می دهید که کاربر بتواند نمونه کارها را دانلود کند، یا عکس ها را معمولی و زیر هم تماشا کند (بجای اسلایدر) و یا اصلا یک پیغام نمایش داده شود که “جاوا اسکریپت مرورگر شما فعال نیست؛ لطفا جاوااسکریپت مرورگرتان را فعال نمایید تا بتوانید اسلایدر محصولات را تماشا کنید.”

      • داوود

        با سلام؛ خیلی ممنون از توجه شما و پاسخی که به دوستمون دادین. مرسی

  3. شکوفه

    سلام.ممنون آموزش مختصر و مفیدی بود
    پیروز باشید