آموزش JavaScript
۲۶۰ آموزش
نمایش دسته بندی ها (۲۶۰ آموزش)

کلیک کردن بر روی یک لینک (Link) از صفحه، با کدنویسی، با روش click ، در JavaScript

وقتی یک لینک (Link) با استفاده از تگ a در صفحه تعریف کرده باشیم ( کلید شماره 502 )، عملکرد معمولی لینک (Link) به این صورت است که کاربر بر روی لینک (Link)، کلیک می کند و بنابراین به آدرس اینترنتی (URL) تعیین شده برای آن لینک (Link)، منتقل می شود (مگر اینکه موارد دیگری برای اجرا شدن در هنگام کلیک کردن بر روی لینک در نظر گرفته باشیم). اما گاهی نیاز داریم که خودمان از طریق اجرای مقداری کد، باعث کلیک شدن لینک (Link) شویم (تا کاربر به آدرس اینترنتی (URL) تعیین شده برای لینک، منتقل شود یا اینکه سایر عملکردهای تعیین شده برای لینک، اجرا گردد).

برای این منظور، می توانیم از روش click در JavaScript استفاده نماییم.

به عنوان مثال، فرض کنید که با استفاده از یک تگ a که دارای id برابر my_link است، یک لینک (Link) را تعریف کرده باشیم :

اکنون برای اینکه با کدنویسی، بر روی لینک (Link) کلیک نماییم، کد JavaScript زیر را اجرا می کنیم :

در کد بالا، روش getElementById برای انتخاب عنصر بر اساس id آن به کار رفته است.

به مثال زیر توجه کنید :

مثال

کد کامل صفحه HTML :

یک لینک (Link) در صفحه تعریف نموده ایم که دارای id برابر my_link می باشد :

که در آن، با استفاده از مشخصه href تعیین کرده ایم که اگر کاربر بر روی آن لینک (Link) کلیک کرد، به آدرس اینترنتی (URL) زیر منتقل شود (انتقال به صفحه اصلی وب سایت کلیدستان) :

در صفحه HTML ، یک دکمه (Button) با id برابر my_button تعریف شده است :

که در آن، با استفاده از مشخصه onclick تعیین کرده ایم که اگر کاربر بر روی آن دکمه (Button) کلیک کرد، کد JavaScript زیر اجرا گردد ( کلید شماره 2687 ) :

در کد بالا، تابعی با نام clickHandler اجرا شده است که کدهای تعریف آن را در بخش زیر از کدهای صفحه، نوشته ایم ( کلید شماره 2685 ) :

بنابراین اجرا شدن تابع clickHandler باعث می شود که کد JavaScript زیر اجرا گردد :

اجرای کد بالا، باعث کلیک شدن لینک (Link) با id برابر my_link می شود (کاربر به آدرس اینترنتی (URL) تعیین شده برای لینک، منتقل می شود).

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
نویسنده علیرضا گلمکانی
شماره کلید 26341
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 1 1 0
حسن
۱۳۹۹/۱۲/۲۳
۰۰:۰۷

سلام
دوستان من نیاز به کدی دارم که این کارو انجام بده:
دوتا لیبل دارم x1 و x2 که اعداد تصادفی بهشون داده میشه. وقتی وارد صفحه تماس با ما میشیم این اعداد تصادفی به لیبل ها داده میشه. برای سوال تصادفی هست.
اینم کدش:


بعد وقتی کابر دگمه Submit کلیک کنه بررسی میشع که سوال تصادفی درست هست یا نه!
تا اینجای کارم حله!
اما الان من میخوام وقتی کاربر روی دگمه Submit کلیک کرد اگه مقدار وارد شده اشتباه باشه این اعداد تصادفی دوباره تولید بشه و جایگذاری بشه! یعنی اعداد قبل حذف بشه اعداد تصادفی جدید ثبت بشه و عمل مقایسه با اعداد جدید برسی بشه و همین طور ادامه داشته باشه تا کاربر جواب درست رو وارد کنه.

توی همه سایت ها استفاده میشه اما من بلد نیستم. ممنون میشم کمک کنید.
باتشکر

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)