بخش های اصلی

آموزش HTML 5

آموزش HTML - اسکریپت ها (Scripts)

عنصر script در سند HTML برای تعبیه کردن یا ارجاع دادن به جاوا اسکریپت جهت اضافه کردن ویژگی تعاملی به صفحه‌های وب یا تاثیر گذاشتن بر عملکردشان، به کار میره.

اسکریپت نویسی سمت کلاینت (client)

اسکریپت نویسی سمت کلاینت (client) به انواعی از برنامه‌های کامپوتری اشاره می‌کنه که توسط مرورگر وبِ کاربر اجرا می‌شن.

استفاده‌های رایج از جاوااسکریپت، عبارتند از، اعتبارسنجی “validation”، ایجاد جعبه پیام هشدار بازشونده pop-up alert box message)) ، ایجاد گالری عکس، تغییر پویای محتوا و ... .

اضافه کردن اسکریپت به سند HTML

عنصر <script> برای تعریف اسکریپت سمت کلاینت به‌کار می‌ره.

اسکریپتی که در مثال زیر مشاهده می‌کنین، کلمه‌ی Hello World! را در خروجی HTML، چاپ می‌کنه:

مثال

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Embedded JavaScript Example</title>        
</head>
<body>
    <script type="text/javascript">
        document.write("Hello World!");
    </script>
</body>
</html>

نکته: بطور ایده‌آل، اسکریپت‌ها باید بالای صفحه قرار بگیرن، چون اسکریپت‌ها مانع از دانلود همزمان می‌شن. این‌کار بارگذاری صفحه‌تان را سریع‌تر می‌کنه.

فراخوانی یک اسکریپت خارجی

می‌توانید اسکریپت‌هایتان را در فایلی جداگانه هم قرار بدین و بعد با خصیصه (attribute)src در سند HTMLتان آن را فراخوانی کنین. زمانیکه بخواید اسکریپت‌هایی مشابه را در چند سند استفاده کنین، این روش کارآمد خواهد بود- این‌کار به شما کمک می‌کنه تا مجبور نباشید دستوری را بارها و بارها تکرار کنین و قابلیت نگه‌داری (maintain) وب‌سایتتان را آسان‌تر می‌کنه.

مثال

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>External JavaScript Example</title>        
</head>
<body>
    <script type="text/javascript" src="hello.js"></script>
</body>
</html>

عنصر noscript

عنصر <noscript>، محتوایی جایگزین برای آن دسته از کاربرهایی که اسکریپت را در مرورگرشان غیرفعال کردن یا مرورگرشان از اسکریپتِ سمت کلاینت پشتیبانی نمی‌کنه، فراهم می‌کنه.

عنصر noscript می‌تواند تمام عناصر HTMLای که در عنصر <body> از یک صفحه‌ی نرمالِ HTML،  را شامل بشه.

مثال

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>No-script Example</title>        
</head>
<body>
    <script type="text/javascript">
        document.write("Hello World!");
    </script>
    <noscript>
        <p>Sorry, your browser does not support JavaScript!</p>
    </noscript>
</body>
</html>

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

در صورتی که سوال و یا نظری دارید، از بخش نظرات با ما در میان بگذارید.

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد

شما چه نظر و یا سوالی درباره این نوشته دارید؟

مبحث آموزشی

آموزش HTML 5

Learn HTML 5

سرفصل ها

پرســیدن سؤال جدید

سؤال های تخصصی خود را از ما بپرسید

دنبال کردن تلگرام کانال سافت اسکیل

https://telegram.me/softskill_ir

عملیات کاربران

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد