جاوا اسکریپت محبوب ترین زبان اسکریپت نویسی برای صفحات وب و استاندارد واقعی برای وب است. تا به امروز تعداد زیادی اسکریپت جاوا اسکریپت ایجاد شده است که بیشتر آنها رایگان و رایگان هستند. با تشکر از این ، هر مدیر وب سایت می تواند اسکریپتی متناسب با نیازهای فعلی خود پیدا کند. و تنها چیزی که او باید بداند این است که چگونه یک اسکریپت جاوا را به یک صفحه وب متصل کند.
ضروری است
امکان ویرایش کد سند
دستورالعمل ها
مرحله 1
اسکریپتی را از یک منبع خارجی که توسط یک URI شناخته شده خطاب شده است ، به سند وارد کنید. از عنصر SCRIPT HTML با مقدار مشخصه src استفاده کنید. سند را با افزودن ساختار فرم به آن ویرایش کنید:
در اینجا ، مقدار script_URI باید یک URI باشد که منبعی را که داده اسکریپت از آن بارگیری می شود ، مشخص کند.
رمزگذاری نویسه در اسکریپت باید به عنوان مقدار ویژگی charset مشخص شود ، در صورتی که با رمزگذاری کاراکتر سند متفاوت باشد. کدگذاری سند بر اساس داده های موجود در قسمت Content-Type در سرآیند پاسخ HTTP سرور یا مقدار ویژگی محتوای عنصر META با ویژگی http-ekuense تنظیم شده بر نوع-محتوا تعیین می شود.
اتصال اسکریپت ها به این روش اغلب در هدر سند انجام می شود (عناصر SCRIPT در داخل عنصر HEAD قرار دارند) و اجرای فوری آنها نیازی نیست. در این حالت استفاده از ویژگی defer برای تفسیر به تعویق افتاده متن متن منطقی است.
گام 2
با قرار دادن مستقیم اسکریپت در متن ، آن را وارد کنید. یک عنصر SCRIPT به نشانه گذاری سند خود اضافه کنید که دارای محتوای JavaScript باشد. از ساختاری مانند:
// متن کد اسکریپت
// متن کد اسکریپت
// متن کد اسکریپت
به نظرات HTML مربوط به کد اسکریپت توجه کنید. آنها برای سازگاری با مدلهای مرورگر قدیمی لازم هستند.
مرحله 3
اسکریپت را با مشخص کردن "javascript:" به عنوان URI توصیف پروتکل لنگر هدف عنصر A. اضافه کنید. در سند پیوندی با مقدار صفت href فرم ایجاد کنید:
جاوا اسکریپت:
در اینجا ، مقدار باید یک عبارت محاسبه شده در JavaScript باشد. در این حالت ، چندین جمله از زبان را می توان با استفاده از براکت های عملگر در یک عبارت ترکیب کرد ، به عنوان مثال:
متن
وقتی چنین پیوندی به هر طریقی (از طریق برنامه یا کاربر) فعال شود ، کد اسکریپت تعبیه شده اجرا می شود.
مرحله 4
اسکریپت ها را به عنوان کد برای کنترل کننده های رویداد عناصر درون خطی به سند خود اضافه کنید. برای این کار ، با افزودن ویژگی های مناسب به این عناصر ، برای رویدادهای مورد نظر عناصر انتخاب شده ، هندلرهای داخلی را تعریف کنید. برای مقادیر ویژگی ، قطعه های JavaScript را وارد کنید. به عنوان مثال ، می توانید کدی را به عنوان یک کنترل کننده برای رویداد تک کلیک بر روی یک عنصر DIV مانند این اضافه کنید:
محتوای عنصر
برای لیست رویدادهای عنصری که باید توسط عوامل کاربری مطابق پشتیبانی شوند ، به بخش رویدادها در سطح 2 و 3 مشخصات DOM (DOM2 و DOM3) در وب سایت W3C w3c.org مراجعه کنید.