آموزش ساخت لینک و کلید برای خروج از صفحه

در این پست از وب سایت یک لرن با یک پست جذاب در خدمت بازدید کنندگان هستیم .

در این نوشته یک لینک و یک کلید  خواهیم ساخت و سپس با یک کد جاوا اسکریپت ساده کاری میکنیم که با کلیک روی لینک یا کلید صفحه فعلی بسته شود

برای مشاهده این آموزش به ادامه مطلب مراجعه فرمایید …

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

در این پست آموزشی ما ابتدا یک تگ a ایجاد میکنیم و این کد را روی آن بررسی میکنیم و سپس یک کلید با تگ input ایجاد میکنیم و این کد را بر روی آن نیز بررسی میکینم .

آموزش ساخت لینک برای خروج از صفحه

برای اینکه یه لینک برای خروج از صفحه ایجاد کنیم قدم اول ایجاد یه لینک معمولی بدون هیچ رویدادی است که کد زیر را باید برای ایجاد یک لینک بنویسیم .

<a href="">بستن این صفحه !</a>

اما چرا خاصیت href را بدون مقدار قرار دادیم ؟ این به این خاطر است که باید دستور جاوا اسکریپت را در داخل آن قرار دهیم یا به عبارت ساده تر هر مقداری که داخل href قرار گیرد با کلیک بر روی کلید به آن مقدار که ممکن است آدرس یک سایت باشد رجوع داده میشویم و این جا هدف ما خروج است صفحه است که در نتیجه باید دستور مربوط به خروج را در درون مقدار href وارد کنیم .
خب حالا باید دستور جاوا اسکریپت را وارد کنیم که عبارت زیر دستور ما میباشد .

javascript:window.close();

در دستور بالا میگوییم که ” این یک دستور جاوا اسکریپت میباشد که باید این پنجره بسته شود ” و چون داخل href آن را وارد کرده ایم نیازی نیست این دستور را درون یک رویداد مانند onclick تعریف کنیم
کد نهایی به این صورت میباشد .

<a href="javascript:window.close();">بستن این صفحه !</a>

با این کار توانستیم یک لینک برای خروج از صفحه ایجاد کنیم حال اگر شما یک طراح با سلیقه و آشنا با استایل دهی باشید میتوانید یک استایل زیبا به لینک خود دهید .

آموزش ساخت کلید برای خروج از صفحه

اولین قدم برای این کار ایجاد یک کلید با استفاده از تگ input میباشد که باید کد را به این منظور بنویسیم .

<input type="button" value="بستن این صفحه !">

کد بالا که تنها یک کد html میباشد وظیفه اش ایجاد یک کلید ( دکمه ) با متن ” بستن این صفحه ! ” میباشد .

اما به دلیل اینکه در تگ input خاصیت href وجود ندارد باید از یک رویداد استفاده کنیم  چون قصد داریم که با کلیک بر روی کلید از صفحه خارج شود باید رویداد onclick را بنویسیم که به این صورت میباشد .

<input type="button" value="بستن این صفحه !" onClick="">

حال باید دستور جاوا اسکریپت خود را در درون رویداد onclick بنویسیم
با توجه به اینکه در بالا این دستور را توضیح دادیم . از توضیح دوباره خودداری میکنیم .
کد نهایی به این صورت میباشد

<input type="button" value="بستن این صفحه !" onClick="javascript:window.close();">

خب حال شما اگر این کلید یا لینک را در هر کجا از وب خود قرار دهید با کلیک بر روی آن , صفحه مورد نظر بسته خواهد شد .

با تشکر که این اموزش را دنبال کردید
منتظر نظرات شما هستیم …

فرادرس

برچسب ها : ، ، ، ، ، ، ، ،