এইচটিএমএল ব্যাক লিংক কিভাবে করবেন?

Question

<a>আগের ওয়েব পৃষ্ঠায় লিঙ্কযুক্ত ট্যাগ তৈরির সহজ উপায় কী ? মূলত সিমুলেটেড ব্যাক বোতাম, তবে একটি আসল হাইপার লিঙ্ক। দয়া করে কেবল ক্লায়েন্ট-সাইড প্রযুক্তিগুলি।

কোনও সাধারণ, স্ট্যাটিক হাইপারলিঙ্কের মতো ঘোরাফেরা করার সময় আপনি যে পৃষ্ঠার URL টি ক্লিক করতে চলেছেন তার URL দেখানোর সুবিধা রয়েছে এমন সমাধানগুলি সন্ধান করুন Edit history.go(-1)হাইপারলিঙ্কে ঘোরাফেরা করার সময় আমি ব্যবহারকারীর দিকে চেয়ে থাকতাম না । আমি এখনও অবধি সেরা খুঁজে পেয়েছি:

<script>
  document.write('<a href="' + document.referrer + '">Go Back</a>');
</script>

কি document.referrerনির্ভরযোগ্য? ক্রস ব্রাউজার নিরাপদ? আমি আরও ভাল উত্তর গ্রহণ করতে পেরে খুশি হব।

Comments

জাভাস্ক্রিপ্ট একটি ক্লায়েন্ট-সাইড প্রযুক্তি, কিছু ক্লায়েন্ট (আমার মতো) কেবল এটি (ডিফল্টরূপে) অক্ষম করতে পছন্দ করে to এটাই ক্লায়েন্টের শক্তি! : ডি তবে হ্যাঁ, পূর্ববর্তী পৃষ্ঠাটি কী তা নির্ধারণ করার জন্য এইচটিএমএল এর নিজস্ব কোনও উপায় নেই।

— animuson

Answer 1

এবং অন্য উপায়:

<a href="javascript:history.back()">Go Back</a>

Comments

এবং একটি বোতামের জন্য:<button type="button" onclick="javascript:history.back()">Back</button>

— লিও

এই পদ্ধতির একটি খারাপ দিক হ'ল "ইউআরএল দেখতে হোভার" এবং ডান ক্লিক -> অনুলিপি লিঙ্কটি ভাঙা হবে এমন স্ট্যান্ডার্ড ব্রাউজার বৈশিষ্ট্যগুলি।

— বিবেক মহারাজ

আমি মনে করি এটি শব্দার্থবিজ্ঞানের বিষয়ে আরও বেশি। গো ব্যাক "বোতাম" গো ব্যাক "লিঙ্ক" এর চেয়ে আরও উপযুক্ত। উভয় বিকল্প দুর্দান্ত এবং উভয় বিকল্পগুলি নিজস্ব উপায়ে সঠিক।

— জসপ্রীত সিং

Answer 2

এই সমাধানটির সাথে লিভার-টু পৃষ্ঠার ইউআরএল হোভারে দেখানোর সুবিধা রয়েছে, যেমন বেশিরভাগ ব্রাউজারগুলি ডিফল্টর পরিবর্তে history.go(-1)বা এর অনুরূপ করে:

<script>
    document.write('<a href="' + document.referrer + '">Go Back</a>');
</script>

Comments

এতে কেসটি কাভার করার সুবিধাও রয়েছে যে target="_blank"লিঙ্কটিতে একটি বৈশিষ্ট্য সহ রেফারিং পৃষ্ঠাটি খোলা হয়েছিল , যা history.go(-1)না।

— ক্রিস ক্রিচো

এই সমাধানটি # টি অনুসরণ করে লিঙ্কের অংশটি হারাবে, 'জাভাস্ক্রিপ্ট: ইতিহাস.ব্যাক ()' সঠিকভাবে কাজ করে।

— লিভিউ

এই সমাধানের ক্ষতিটি হ'ল আপনি এক পৃষ্ঠার বেশি পৃষ্ঠায় ফিরে যেতে পারবেন না। উদাহরণ; a, b, c, d পৃষ্ঠাগুলিতে নেভিগেট করুন - বার বার বোতাম টিপুন সি, ডি, সি, ডি, সি, ডি। এটি হিস্টরি.ব্যাকের সাথে তুলনা করুন () ক, খ, সি, ডি বারবার বোতাম টিপুন বার বার d, c, b, a

— আট্রিওন

আমি কীভাবে এটি তৈরি করতে পারি যাতে কোনও ব্যাক পৃষ্ঠা না থাকলে, তারপরে একটি স্থির url- এ history.back() || "myaction/mycontroller"

— নীড়

@ ওরেঞ্জেরবার্ট আমি এটি একটি নতুন উত্তরে সম্বোধন করেছি (যা "ইউআরএল দেখান" প্রয়োজনীয়তাও পূরণ করে।

— বিবেক মহারাজ

Answer 3

সবচেয়ে সহজ উপায় হ'ল ব্যবহার করা history.go(-1);

এটা চেষ্টা কর:

<a href="#" onclick="history.go(-1)">Go Back</a>

Answer 4

আপনি জাভাস্ক্রিপ্ট চেষ্টা করতে পারেন

<A HREF="javascript:history.go(-1)">

জাভাস্ক্রিপ্ট পিছনে বাটন উল্লেখ করুন

সম্পাদনা

http://www.javascriptkit.com/javatutors/crossmenu2.shtml উল্লেখের url প্রদর্শন করতে

এবং নিম্নলিখিতটিকে অ্যানমোসওভারে উপাদানটি নিজেই প্রেরণ করুন

function showtext(thetext) {
  if (!document.getElementById)
    return
  textcontainerobj = document.getElementById("tabledescription")
  browserdetect = textcontainerobj.filters ? "ie" : typeof textcontainerobj.style.MozOpacity == "string" ? "mozilla" : ""
  instantset(baseopacity)
  document.getElementById("tabledescription").innerHTML = thetext.href
  highlighting = setInterval("gradualfade(textcontainerobj)", 50)
}

 <a href="http://www.javascriptkit.com" onMouseover="showtext(this)" onMouseout="hidetext()">JavaScript Kit</a>

চেক jsfiddle

Comments

আপনি এই শেষ সম্পাদনা ব্যাখ্যা করতে পারেন? আমি কেবলমাত্র একটি সাধারণ লিঙ্ক চাই যেমন এটি বেশিরভাগ ব্রাউজারের নীচে প্রদর্শিত হয়।

— পাইসলে

সমস্ত ব্রাউজার যেমন এর জন্য দেখায় আপনাকে কিছু করার দরকার নেই তবে আপনি যদি এটি নিজের tabledescription

— ডিভিতে দেখাতে চান তবে

Answer 5

এই সমাধান আপনাকে উভয় বিশ্বের সেরা দেয়

• ইউআরএল দেখতে ব্যবহারকারীরা লিঙ্কটি ধরে রাখতে পারেন
• ব্যবহারকারীরা দূষিত ব্যাক স্ট্যাক দিয়ে শেষ করেন না

নীচে কোড মন্তব্য আরও বিশদ।

var element = document.getElementById('back-link');

// Provide a standard href to facilitate standard browser features such as 
//  - Hover to see link
//  - Right click and copy link
//  - Right click and open in new tab
element.setAttribute('href', document.referrer);

// We can't let the browser use the above href for navigation. If it does, 
// the browser will think that it is a regular link, and place the current 
// page on the browser history, so that if the user clicks "back" again,
// it'll actually return to this page. We need to perform a native back to
// integrate properly into the browser's history behavior
element.onclick = function() {
  history.back();
  return false;
}

<a id="back-link">back</a>

Comments

দুর্দান্ত উত্তর। আমি কাস্টম বাইন্ডিংয়ের প্রসঙ্গে আমার প্রায় নকআউট প্রকল্পগুলিতে এটি ব্যবহার করি।

— পিমব্রউবার্স

দুর্দান্ত উত্তর! আমি যোগ করতে ছিল return false;Chrome এ onclick ফাংশন এটি ব্রাউজার ইতিহাস বর্তমান পৃষ্ঠার যোগ করা থেকে রাখা।

— মার্শাল মরিস

Answer 6

অ্যাঙ্কর ট্যাগ ব্যবহার পূর্ববর্তী পৃষ্ঠায় ফিরে যেতে হলে মানুষ <a>, নীচের 2 কাজ পদ্ধতি এবং তাদের বাইরে 1st এক হয় দ্রুত এবং এক বড় সুবিধা পূর্ববর্তী পৃষ্ঠায় ফিরে যাচ্ছে না।

আমি দুটি পদ্ধতিই চেষ্টা করেছি।

1)

<a href="#" onclick="location.href = document.referrer; return false;">Go Back</a>

উপরে বর্তমান পদ্ধতি (1) আপনি যদি বর্তমান ব্রাউজার উইন্ডোতে একটি নতুন ট্যাবে কোনও লিঙ্কে ক্লিক করে এবং লিঙ্কটি খোলা থাকেন তবে দুর্দান্ত কাজ করে ।

2)

<a href="javascript:history.back()">Go Back</a>

উপরের পদ্ধতিটি (২) কেবলমাত্র ঠিক তখনই কাজ করে যদি আপনি বর্তমান ব্রাউজার উইন্ডোতে একটি বর্তমান ট্যাবে কোনও লিঙ্কে ক্লিক করেন এবং লিঙ্কটি খোলেন ।

নতুন ট্যাবে আপনার লিঙ্ক উন্মুক্ত থাকলে এটি কাজ করবে না। history.back()ওয়েব ব্রাউজারের নতুন ট্যাবে লিঙ্কটি খোলা থাকলে এখানে কাজ করবে না।

Answer 7

পিছনের লিঙ্কটি এমন লিঙ্ক যা ব্রাউজারটিকে এক পৃষ্ঠার পিছনে নিয়ে যায়, যেন ব্যবহারকারী বেশিরভাগ ব্রাউজারগুলিতে উপলভ্য পিছনে বোতামটি ক্লিক করে। পিছনে লিঙ্কগুলি জাভাস্ক্রিপ্ট ব্যবহার করে। এটি যদি ব্রাউজারটি জাভাস্ক্রিপ্ট সমর্থন করে (যা এটি করে) ব্রাউজারটিকে একটি পৃষ্ঠায় ফিরিয়ে নিয়ে যায় এবং যদি এটি সেই window.historyবস্তুকে সমর্থন করে যা পিছনের লিঙ্কগুলির জন্য প্রয়োজনীয়।

সহজ উপায়

<a href="#" onClick="history.go(-1)">Go Back</a>

বা:

function goBack() {
  window.history.back()
}

<a href="#" onclick="goBack()" />Go Back</a>

সাধারণত পিছনের লিঙ্কটি বলার প্রয়োজন হয় না ... পিছনের বোতামটি সাধারণত বেশ সুন্দরভাবে যথেষ্ট হয় এবং সাধারণত আপনি নিজের সাইটের পূর্ববর্তী পৃষ্ঠায় লিঙ্ক করতে পারেন। যাইহোক, কখনও কখনও আপনি বেশ কয়েকটি "পূর্ববর্তী" পৃষ্ঠাগুলির মধ্যে একটিতে একটি লিঙ্কটি সরবরাহ করতে চাইতে পারেন এবং সেখানেই পিছনের লিঙ্কটি কাজে আসে। আপনি আরও উন্নত উপায়ে করতে চাইলে আমি আপনাকে টিউটোরিয়ালের নীচে উল্লেখ করব:

http://www.htmlcodetutorial.com/linking/linking_famsupp_108.html

Comments

সর্বাধিক ভোট দেওয়া সমাধানের বিপরীতে, এটি ব্যবহারকারীর কাছে থাকা স্ক্রোল অবস্থানটি বজায় রাখে।

— কেত্রি

@ কেত্রি আপনি কি বিবৃতিটির জন্য সমর্থন দিতে পারবেন? তাদের অভিন্ন হওয়া উচিত: w3schools.com/jsref/met_his_back.asp

— ফারো

Answer 8

এটা চেষ্টা কর

<a href="javascript:history.go(-1)"> Go Back </a>

Answer 9

<a href="#" onclick="history.back();">Back</a>

Answer 10

আপনি এখানে ফিরে যেতে কেবল কোথাও থাকলে কেবল লিঙ্কটি প্রদর্শন করতে history.back()পাশাপাশি ব্যবহার document.write()করতে পারেন:

<script>
  if (history.length > 1) {
    document.write('<a href="javascript:history.back()">Go back</a>');
  }
</script>

Comments

document.writeপৃষ্ঠার সমস্ত কিছু ওভাররাইট করে। আপনি কখনই কেন এটি ব্যবহার করবেন?

— jpaugh

পৃষ্ঠাটি লোড হওয়ার সময় আপনাকে অবশ্যই এই স্ক্রিপ্টটি কার্যকর করতে হবে।

— লিওনিড ভাসিলেভ

Answer 11

বোতামটি ব্যবহার করার সর্বোত্তম উপায়

<input type= 'button' onclick='javascript:history.back();return false;' value='Back'>