روش اصلی ایجاد جلوه های پویا در صفحات وب استفاده از اسکریپت های سمت مشتری است. آنها قطعه هایی از کد هستند که توسط موتور برنامه نویسی برنامه ای که سند را نشان می دهد تفسیر می شوند. JavaScript یک زبان برنامه نویسی محبوب است که برای اسکریپت نویسی استفاده می شود. برای اینکه اسکریپت بتواند اجرا شود ، باید به نوعی در سند وارد شود.
لازم است
- - کد اسکریپت
- - سند منبع
- - ویرایشگر متن
دستورالعمل ها
مرحله 1
بهترین روش برای درج اسکریپت را تعیین کنید. اگر فرض شود که از اسکریپت یکسانی در اسناد مختلف استفاده خواهد شد ، منطقی است که آن را به یک پرونده خارجی منتقل کنید و از آنجا متصل کنید. در غیر این صورت ، ارزش دارد متن اسکریپت را در بدنه صفحه جاسازی کنید. اگر اندازه متن زیاد است ، ارزش آن را دارد که در یک بلوک جداگانه در سند قرار دهید. اگر کد برنامه از نظر حجم کم باشد و واکنشی نسبت به هر رویدادی اعمال کند ، قرار دادن آن در صفتی که کنترل کننده رویداد داخلی یک عنصر یا ویژگی href یک پیوند را تعریف می کند مجاز است.
گام 2
متن را از یک منبع خارجی جایگذاری کنید. یک عنصر SCRIPT با مشخصه های src و نوع مشخص شده به متن سند یا بخش HEAD اضافه کنید. به عنوان مثال ، می توانید این کار را انجام دهید: مقدار صفت src باید یک URI باشد که به منبعی که متن اسکریپت از آن بارگیری می شود اشاره کند. ویژگی charset اختیاری است. این رمزگذاری متن اسکریپت را نشان می دهد. اما اگر حذف شود ، مقدار رمزگذاری به عنوان مقدار رمزگذاری سندی که اسکریپت در آن قرار می گیرد ، گرفته می شود.
مرحله 3
اسکریپت را در متن صفحه وارد کنید. از یک عنصر SCRIPT با متن اسکریپت در داخل استفاده کنید. به عنوان مثال ، ممکن است اینگونه باشد:
alert ("فیلمنامه در حال کار است!")؛
نظرات HTML که کد را دربرمی گیرند ، برای سازگاری با مرورگرهای قدیمی تر لازم است. می توانید از نظرات XML در اسناد XHTML استفاده کنید.
مرحله 4
کد javascript را در کنترل کننده های رویداد درون خطی وارد کنید. عنصری را در سندی پیدا کنید که می خواهید رویداد آن را کنترل کنید. صفتی اضافه کنید که کنترل کننده مناسب را تعریف کند. به عنوان مثال ، مشخصه ای که مشخص کننده کنترل کننده کلیک ماوس بر روی یک عنصر است ، onclick ، کنترل کننده از دست دادن سیگنال فوکوس onblur و کنترل کننده ضربه کلید onkeydown است.
مرحله 5
کد اسکریپت را به عنوان متنی وارد کنید که مقدار ویژگی اضافه شده را مشخص کند. به عنوان مثال ، برای نمایش پیام هنگامی که عنصر DIV با ماوس کلیک می شود ، می توانید از ساختار زیر استفاده کنید: متن متن متن توجه داشته باشید که برای تعریف اصطلاحات رشته ای در کد کنترل کننده عنصر درون خطی ، باید از نقل قول های متفاوت استفاده کنید که مقدار صفت HTML را مشخص می کند …
مرحله 6
اسکریپت را به عنصر href پیوند اضافه کنید. مقدار href باید یک URL باشد ، توصیف پروتکل آن "javascript:" است و قسمت آدرس یک عبارت محاسبه شده است. به عنوان مثال: متن پیوند اگر لازم است از چندین عبارت استفاده کنید ، از یک بلوک دستور تعریف شده توسط براکتها استفاده کنید {و}.
