Làm thế nào để tạo một liên kết trở lại HTML?

Cách đơn giản nhất để tạo một <a>thẻ liên kết đến trang web trước đó là gì? Về cơ bản là một nút quay lại mô phỏng, nhưng một siêu liên kết thực tế. Xin vui lòng chỉ các công nghệ phía khách hàng.

Chỉnh sửa
Tìm kiếm các giải pháp có lợi ích hiển thị URL của trang bạn sắp nhấp vào khi di chuột, như một siêu liên kết tĩnh, bình thường. Tôi không muốn người dùng nhìn vào history.go(-1)khi di chuột trên một siêu liên kết. Tốt nhất tôi tìm thấy cho đến nay là:

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

Có document.referrerđáng tin cậy không? Đa trình duyệt có an toàn? Tôi sẽ rất vui khi chấp nhận một câu trả lời tốt hơn.

Và một cách khác:

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

Giải pháp này có lợi ích là hiển thị URL của trang được liên kết khi di chuột, vì hầu hết các trình duyệt làm theo mặc định, thay vì history.go(-1)hoặc tương tự:

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

Cách dễ nhất là sử dụng history.go(-1);

Thử cái này:

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

bạn có thể thử javascript

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

tham khảo nút quay lại JavaScript

BIÊN TẬP

để hiển thị url giới thiệu http://www.javascriptkit.com/javatutors/crossmenu2.shtml

và gửi phần tử chính nó trong onmouseover như sau

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>

kiểm tra jsfiddle

Giải pháp này mang đến cho bạn những điều tốt nhất của cả hai thế giới

• Người dùng có thể di chuột qua liên kết để xem URL
• Người dùng không kết thúc với một back-stack bị hỏng

Thêm chi tiết trong các ý kiến ​​mã dưới đây.

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>

Đối sẽ trở lại trang trước sử dụng Neo Tag <a>, dưới đây là 2 phương pháp làm việc và ra khỏi họ 1st một là nhanh hơn và có một lợi thế lớn trong việc đi lại lại trang trước.

Tôi đã thử cả hai phương pháp.

1)

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

Phương pháp trên (1) hoạt động rất tốt nếu bạn đã nhấp vào một liên kết và mở liên kết trong Tab mới trong cửa sổ trình duyệt hiện tại.

2)

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

Phương pháp trên (2) chỉ hoạt động tốt nếu bạn đã nhấp vào một liên kết và mở liên kết trong Tab hiện tại trong cửa sổ trình duyệt hiện tại.

Nó sẽ không hoạt động nếu bạn có liên kết mở trong Tab mới. Ở đây history.back()sẽ không hoạt động nếu liên kết được mở trong Tab mới của trình duyệt web.

Liên kết quay lại là liên kết di chuyển trình duyệt lùi một trang, như thể người dùng đã nhấp vào nút Quay lại có sẵn trong hầu hết các trình duyệt. Liên kết lại sử dụng JavaScript. Nó di chuyển trình duyệt trở lại một trang nếu trình duyệt của bạn hỗ trợ JavaScript (và nó hỗ trợ window.historyđối tượng), điều này cần thiết cho các liên kết ngược.

Những cách đơn giản là

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

HOẶC LÀ:

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

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

Nói chung, một liên kết quay lại không cần thiết, nút Back thường khá độc đáo và thông thường bạn cũng có thể chỉ cần liên kết đến trang trước trong trang web của mình. Tuy nhiên, đôi khi bạn có thể muốn cung cấp một liên kết trở lại một trong một số trang "trước đó" và đó là nơi liên kết trở lại có ích. Vì vậy, tôi giới thiệu bạn dưới đây hướng dẫn nếu bạn muốn làm theo cách nâng cao hơn:

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

thử cái này

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

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

Bạn cũng có thể sử dụng history.back()cùng với document.write()để hiển thị liên kết chỉ khi thực sự có nơi nào đó để quay lại:

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

Cách tốt nhất để sử dụng một nút là

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