ວິທີການສ້າງປຸ່ມ Back Back Website

ລະຫັດປຸ່ມກັບຄືນໄປບ່ອນ JavaScript ສໍາລັບຫນ້າ HTML

ປຸ່ມກັບຄືນໄປບ່ອນໃນຕົວທ່ອງເວັບ, ແນ່ນອນ, ຊ່ວຍໃຫ້ທ່ານຍ້າຍອອກໄປເພື່ອກັບຄືນໄປຫນ້າຫນ້າທີ່ທ່ານເຄີຍຢູ່. ນອກນັ້ນທ່ານຍັງສາມາດເຮັດໃຫ້ຫນຶ່ງທີ່ຢູ່ພາຍໃນຫນ້າເວັບຕົວຂອງມັນເອງ, ໂດຍນໍາໃຊ້ລະຫັດ JavaScript ບາງ.

ປຸ່ມນີ້, ເມື່ອກົດ, ຈະເອົາຜູ້ອ່ານກັບຫນ້າທີ່ພວກເຂົາຢູ່ກ່ອນທີ່ພວກເຂົາຈະມາຮອດຫນ້າປັດຈຸບັນດ້ວຍປຸ່ມ. ມັນເຮັດວຽກຄືກັນກັບປຸ່ມ Back ໃນຕົວທ່ອງເວັບເວັບໄຊຕ໌.

Basic Back Button Code

ລະຫັດພື້ນຖານສໍາລັບການເຊື່ອມຕໍ່ປຸ່ມກັບຄືນໄປບ່ອນແມ່ນງ່າຍດາຍຫຼາຍ:

Go Back

ທັງຫມົດທີ່ທ່ານຕ້ອງເຮັດກັບລະຫັດປຸ່ມກັບຄືນໄປບ່ອນນີ້ແມ່ນສໍາເນົາແລະວາງມັນບ່ອນໃດກໍຕາມທີ່ທ່ານຕ້ອງການເຊື່ອມຕໍ່ "ກັບໄປ" ທີ່ຢູ່ໃນຫນ້າຂອງທ່ານ. ນອກນັ້ນທ່ານຍັງສາມາດປ່ຽນຂໍ້ຄວາມໃຫ້ມັນອ່ານເປັນສິ່ງອື່ນ.

ປຸ່ມກັບກັບຮູບພາບ

ຖ້າທ່ານບໍ່ຕ້ອງການກັບຄືນໄປບ່ອນຂໍ້ຄວາມທົ່ງພຽງ, ທ່ານກໍ່ສາມາດເພີ່ມຮູບພາບໃຫ້ມັນໄດ້ສໍາລັບບາງຢ່າງທີ່ເປັນເອກະລັກພິເສດ.

ຮູບພາບແທນທີ່ສ່ວນຫນຶ່ງຂອງລະຫັດປຸ່ມກັບຄືນໄປບ່ອນທີ່ທ່ານເຫັນຄໍາວ່າ "ກັບໄປ" ໃນຕົວຢ່າງຂ້າງເທິງ. ນີ້ເຮັດວຽກໂດຍການລຶບຂໍ້ຄວາມແລະປ່ຽນແທນມັນດ້ວຍລະຫັດທີ່ຈະສະແດງຮູບພາບໃນສະຖານທີ່ຂອງຂໍ້ຄວາມນັ້ນ.

ສໍາລັບການນີ້, ທ່ານຕ້ອງການ URL ຂອງຮູບພາບທີ່ປຸ່ມກັບຄືນໄປບ່ອນຄວນ, ດັ່ງນີ້:

http: //examplewebsitecom / name_of_graphic.gif

ຄໍາແນະນໍາ: Imgur ແມ່ນຫນຶ່ງໃນສະຖານທີ່ທີ່ທ່ານສາມາດອັບຮູບພາບປຸ່ມຂອງທ່ານຖ້າມັນບໍ່ມີຢູ່ແລ້ວ.

ຫຼັງຈາກນັ້ນ, ທ່ານຕ້ອງການໃສ່ການເຊື່ອມຕໍ່ໂດຍກົງເຂົ້າໄປໃນສ່ວນ INSERT ທີ່ ທ່ານເຫັນຢູ່ທີ່ນີ້ (ໃຫ້ແນ່ໃຈວ່າຈະຮັກສາຄໍາເວົ້າທີ່ຍັງຄົງຢູ່):

INSERT ">

ຕົວຢ່າງຂອງພວກເຮົາຈະຄືແນວນີ້: