Cách điều hướng href trong thẻ neo qua JavaScript

Question

Có cách nào dễ dàng để JavaScript bắt chước Người dùng nhấp vào thẻ liên kết trên một trang không? Điều đó có nghĩa là Url liên kết giới thiệu cần phải được đặt. Chỉ cần đặt document.location.href không đặt Url liên kết giới thiệu.

<script> 
    $(document).ready(function() { 
    $("a").click(); 
}); 
</script> 

<a href="http://example.com">Go here</a> 

Điều này không hiệu quả vì không có thiết lập sự kiện Click() cho liên kết.

Answer 1

Bạn có thể làm:

window.location = $("a").attr("href"); 

Nếu bạn muốn giữ cho người giới thiệu, bạn có thể làm điều này:

var href = $('a').attr('href'); 
$('<form>').attr({action: href, method: 'GET'}).appendTo($('body')).submit(); 

Đó là hackish, nhưng hoạt động trong tất cả các trình duyệt.

Answer 2

Có thể một cái gì đó như thế này là những gì bạn đang tìm kiếm?

$(document).ready(function() { 
    $("a").each(function(){ 
    if($(this).click()){ 
     document.location.href = $(this).attr("href"); 
    } 
    }); 
}); 

Answer 3

Được rồi, người giới thiệu không được đặt bằng cách sử dụng document.location (theo câu trả lời khác của tôi), có thể hoạt động với window.navigate (url)? Nếu điều đó không hoạt động như sau, mặc dù nó khá - ehrm - xấu xí:

$(function() { 
    $("a").each(function(){ 
    if($(this).click()){ 
     $('<form method="get" action="' + $(this).attr("href") + '"></form>').appendTo("body").submit(); 
     return false; 
    } 
    }); 
}); 

Answer 4

document.location.href = "#wanted_Location";

Answer 5

Có một cách đơn giản để đạt được điều đó,

HTML

<a href="https://getbootstrap.com/" id="fooLinkID">Bootstrap is life </a> 

Javascript

// Simulating click after 3 seconds 
setTimeout(function(){ 
    document.getElementById('fooLinkID').click(); 
}, 3 * 1000); 

Sử dụng javascript đơn giản để mô phỏng một nhấp chuột.

Bạn có thể kiểm tra ví dụ làm việc tại đây theo số jsFiddle.