چگونه اسکریپت را در HTML جاسازی کنیم

فهرست مطالب:

چگونه اسکریپت را در HTML جاسازی کنیم
چگونه اسکریپت را در HTML جاسازی کنیم

تصویری: چگونه اسکریپت را در HTML جاسازی کنیم

تصویری: چگونه اسکریپت را در HTML جاسازی کنیم
تصویری: 4: چگونه جاوا اسکریپت را در HTML خود قرار دهیم | آموزش جاوا اسکریپت | یادگیری جاوا اسکریپت | برای مبتدی ها 2024, ممکن است
Anonim

HTML یک زبان نشانه گذاری برای صفحات وب است که وظیفه نمایش عناصر گرافیکی و متنی را بر عهده دارد. همچنین می توان از آن برای استفاده از اسکریپت های نوشته شده به زبان های مختلف برنامه نویسی استفاده کرد. برای درج اسکریپت در HTML از یک عنصر خاص استفاده می شود.

چگونه اسکریپت را در HTML جاسازی کنیم
چگونه اسکریپت را در HTML جاسازی کنیم

دستورالعمل ها

مرحله 1

کد را می توان هم در متن سند و هم در بخش در صفحه وارد کرد. برای افزودن محتوای فعال می توانید از تعداد نامحدودی از عناصر استفاده کنید. نکته اصلی این است که اسکریپت های اضافه شده با نمایش محتوای اصلی تداخل ندارند. برای ویرایش کد HTML ، صفحه خود را در هر ویرایشگر متن باز کنید. مدیران وب اغلب از برنامه هایی استفاده می کنند که توصیف کنندگان را در عملکرد خود برجسته کرده اند: Notepad ++ ، Web Development Studio ، HTML Reader. پرونده مورد نیاز همچنین می تواند با استفاده از برنامه استاندارد Notepad سیستم عامل ویندوز باز شود.

گام 2

در پنجره ویرایشگر متن ، کد HTML را وارد کنید. به عنوان مثال ، برای تزریق JavaScript به یک صفحه ، از دستور زیر استفاده کنید:

کد برای اجرا

کد مشخص شده در بارگذاری صفحه اجرا می شود و در توصیفگر اجرا می شود. در این حالت ، پارامتر type به مدیر اجازه می دهد تا بداند که از زبان برنامه نویسی JavaScript در مرحله بعدی استفاده خواهد شد.

مرحله 3

برای اینکه اسکریپت یک رویداد خاص را پردازش کند ، به عنوان مثال ، هنگامی که یک دکمه فشار داده می شود ، باید آن را در داخل یک تابع وارد کنید. در بخش ، کد اسکریپت را مشخص کنید:

نمایش عملکرد تاریخ ()

{document.getElementById ("انجام").hnerHTML = تاریخ ()؛ }

این کد جاوا اسکریپت وظیفه نمایش زمان فعلی در صفحه را دارد ، اما برای نمایش آن در مانیتور ، باید دستور دیگری را برای پردازش متن تولید شده در حین کار وارد کنید.

مرحله 4

در متن سند با استفاده از HTML ، یک دکمه ایجاد کنید که مسئول فعال کردن عنصر باشد:

نمایش زمان

این کد یک دکمه کنترل کننده JavaScript ایجاد می کند. پس از کلیک روی آن ، نتیجه اسکریپت نمایش داده می شود.

مرحله 5

برای قرار دادن در HTML یک برنامه اسکریپت خارجی که در یک فایل خاص قرار دارد ، باید کد زیر را اجرا کنید:

پس از اجرا ، اسکریپت مشخص شده به نام file.js در صفحه گنجانده خواهد شد. شایان ذکر است که پرونده خارجی نباید هیچ عنصری را برای افزودن موفقیت آمیز داشته باشد.

توصیه شده: