Lập trình di chuyển đến một Tag Neo

Question

Xét đoạn mã sau:

<a href="#label2">GoTo Label2</a> 
... [content here] ... 
<a name="label0"></a>More content 
<a name="label1"></a>More content 
<a name="label2"></a>More content 
<a name="label3"></a>More content 
<a name="label4"></a>More content 

Có cách nào để bắt chước cách nhấp vào liên kết "GoTo Label2" để di chuyển đến khu vực thích hợp trên trang thông qua mã?

CHỈNH SỬA: Cách thay thế có thể chấp nhận là cuộn đến phần tử có id duy nhất đã tồn tại trên trang của tôi. Tôi sẽ thêm các thẻ neo nếu đây là một giải pháp khả thi.

Answer 1

JS này thường đã làm việc tốt cho tôi nếu bạn cũng nên đặt một ID trên yếu tố:

document.getElementById('MyID').scrollIntoView(true); 

này là tốt vì nó cũng sẽ xác định vị trí các div cuộn vv để các nội dung có thể nhìn thấy.

Mike.

Answer 2

Tôi cho rằng điều này sẽ làm việc:

window.location="<yourCurrentUri>#label2"; 

Answer 3

bạn chỉ có thể mở URL mới với tên nối, ví dụ http://www.mysite.com/mypage.htm#label2

Trong javascript,

location.href = location.href + '# label2';

Answer 4

Sử dụng javascript:

window.location.href = '#label2'; 

Nếu bạn cần phải làm điều đó từ máy chủ/code phía sau, bạn có thể chỉ phát ra javascript này và đăng ký nó như là một kịch bản khởi động cho trang đó.

Answer 5

Nếu nguyên tố này là một thẻ neo, bạn sẽ có thể làm:

document.getElementsByName('label2')[0].focus(); 

Answer 6

không "#" khi bạn sử dụng window.location.hash

Answer 7

Giải pháp

document.getElementById('MyID').scrollIntoView(true); 

hoạt động tốt trong hầu hết các trình duyệt, trong khi tôi nhận thấy rằng trong một số trình duyệt hoặc trong một số điện thoại di động (chẳng hạn như một số phiên bản Blackberry), chức năng "scrollIntoView" không được nhận dạng, vì vậy tôi sẽ xem xét giải pháp này (hơi xấu hơn so với trước đó):

window.location.href = window.location.protocol + "//" + window.location.host + 
         window.location.pathname + window.location.search + 
         "#MyAnchor"; 

Answer 8

Di chuyển đến một neo từ phía máy chủ, ví dụ là C#.

ClientScript.RegisterStartupScript(this.GetType(), "hash", "location.hash = '#form';", true);