آموزش JavaScript
دسته بندی ( ۲۶۰ آموزش )
نمایش دسته بندی ها (۲۶۰ آموزش)
مباحث اولیه، در JavaScript
مباحث اولیه، در JavaScript 18
کنسول (Console)، در JavaScript
کنسول (Console)، در JavaScript 24
نمایش متن در خروجی صفحه، در JavaScript
نمایش متن در خروجی صفحه، در JavaScript 2
عملگرها (Operator)، در JavaScript
عملگرها (Operator)، در JavaScript 0
متغیرها (Variable)، در JavaScript
متغیرها (Variable)، در JavaScript 8
رشته ها (متن ها - String)، در JavaScript
رشته ها (متن ها - String)، در JavaScript 28
نمایش پیام، در JavaScript
نمایش پیام، در JavaScript 4
توابع (Function)، در JavaScript
توابع (Function)، در JavaScript 5
حلقه ها (Loop)، در JavaScript
حلقه ها (Loop)، در JavaScript 3
آرایه ها (Array)، در JavaScript
آرایه ها (Array)، در JavaScript 34
شیء ها (Object)، در JavaScript
شیء ها (Object)، در JavaScript 2
انتخاب عنصرهای صفحه (اشاره به عنصرهای صفحه)، در JavaScript
انتخاب عنصرهای صفحه (اشاره به عنصرهای صفحه)، در JavaScript 7
کلاس های (Class) عنصرها، در JavaScript
کلاس های (Class) عنصرها، در JavaScript 5
id عنصرها، در JavaScript
id عنصرها، در JavaScript 0
مشخصه های (Attribute) عنصرها، در JavaScript
مشخصه های (Attribute) عنصرها، در JavaScript 1
رویدادها (Event)، در JavaScript
رویدادها (Event)، در JavaScript 0
عملیات های ریاضی، در JavaScript
عملیات های ریاضی، در JavaScript 18
تاریخ و زمان، در JavaScript
تاریخ و زمان، در JavaScript 10
زمان بندی اجرای کدها، در JavaScript
زمان بندی اجرای کدها، در JavaScript 2
افزودن و یا حذف محتوا و کد، به صفحه، در JavaScript
افزودن و یا حذف محتوا و کد، به صفحه، در JavaScript 6
فرم ها (Form)، در JavaScript
فرم ها (Form)، در JavaScript 11
عکس ها (Image)، در JavaScript
عکس ها (Image)، در JavaScript 2
دکمه ها (Button)، در JavaScript
دکمه ها (Button)، در JavaScript 2
لینک ها (Link)، در JavaScript
لینک ها (Link)، در JavaScript 5
پنجره ها (Window)، در JavaScript
پنجره ها (Window)، در JavaScript 2
جدول ها (Table)، در JavaScript
جدول ها (Table)، در JavaScript 1
رنگ ها (Color) و تعیین رنگ، در JavaScript
رنگ ها (Color) و تعیین رنگ، در JavaScript 1
کلیک کردن (Click)، در JavaScript
کلیک کردن (Click)، در JavaScript 1
اسکرول (Scroll)، در JavaScript
اسکرول (Scroll)، در JavaScript 2
کار با کل صفحه، در JavaScript
کار با کل صفحه، در JavaScript 1
صفحه فعلی (Current Page)، در JavaScript
صفحه فعلی (Current Page)، در JavaScript 19
دریافت ورودی از کاربر، در JavaScript
دریافت ورودی از کاربر، در JavaScript 1
تمرکز (Focus)، در JavaScript
تمرکز (Focus)، در JavaScript 3
مرورگر اینترنت (Browser)، در JavaScript
مرورگر اینترنت (Browser)، در JavaScript 3
ذخیره اطلاعات در مرورگر اینترنت (Browser) کاربر، در JavaScript
ذخیره اطلاعات در مرورگر اینترنت (Browser) کاربر، در JavaScript 10
کار با کیبورد (Keyboard)، در JavaScript
کار با کیبورد (Keyboard)، در JavaScript 2
موس، در JavaScript
موس، در JavaScript 1
Iframe ها، در JavaScript
Iframe ها، در JavaScript 1
بارگذاری (دانلود) فایل، در JavaScript
بارگذاری (دانلود) فایل، در JavaScript 1
علامت ها (Sign)، در JavaScript
علامت ها (Sign)، در JavaScript 0
تکنیک Ajax ، در JavaScript
تکنیک Ajax ، در JavaScript 4
ساختار JSON ، در JavaScript
ساختار JSON ، در JavaScript 0
منسوخ شده ها (Deprecated و Obsolete)، در JavaScript
منسوخ شده ها (Deprecated و Obsolete)، در JavaScript 1
مباحث عمومی، در JavaScript
مباحث عمومی، در JavaScript 2

کلیک کردن بر روی یک لینک (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 که اعداد تصادفی بهشون داده میشه. وقتی وارد صفحه تماس با ما میشیم این اعداد تصادفی به لیبل ها داده میشه. برای سوال تصادفی هست.
اینم کدش:

کد پی‌اچ‌پی:
session_start();

$_SESSION['N1'] = rand(1,9);
$_SESSION['N2'] = rand(1,9);
$_SESSION['Expect'] = $_SESSION['N1'] + $_SESSION['N2']; 

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

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

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

جستجو در کلیدستان، توسط گوگل

جستجو در عنوان کلیدها

دسترسی سریع

کلید
×

شماره کلید


دسته بندی
×

شماره دسته کلید


جستجو
×

جستجو