Khai thác sai .attr ("href") trong IE7 so với tất cả các trình duyệt khác?

Question

Có thể thực sự là lệnh attr("href") cho một liên kết được xử lý rất khác trong IE7 so với tất cả các trình duyệt khác không?

Hãy nói rằng tôi có một trang tại http://example.com/page.html và tôi có HTML này:

<a href="#someAnchor" class="lnkTest">Link text</a> 

và jQuery này:

var strHref = $(".lnkTest").attr("href"); 

Sau đó, trong IE7 giá trị của biến strHref sẽ "http://example.com/page.htm#someAnchor" nhưng trong các trình duyệt khác, nó sẽ là "#someAnchor".

Tôi tin rằng trường hợp được đề cập gần đây nhất là trường hợp đúng nhất, vì vậy nó chỉ là một trường hợp IE7 là một cậu bé xấu hay là một lỗi trong jQuery?

Answer 1

Chắc chắn không phải là lỗi trong jQuery nhưng thay vì triển khai không nhất quán của trình duyệt là .getAttribute('href') - Tôi khuyên bạn chỉ nên sử dụng .get(0).href để nhất quán.

Có vẻ như bạn có thể truy cập văn bản thuộc tính trong IE và Mozilla bằng cách sử dụng .get(0).getAttribute('href', 2) nếu bạn không muốn URI tuyệt đối. Lưu ý tuy nhiên điều này sẽ không làm việc trong Opera và tôi đã không được thử nghiệm trong Safari/Chrome/bất cứ điều gì khác.

Bạn cũng có thể loại bỏ miền hoặc chia thành '#' cho .get(0).href và sử dụng phần thứ hai của mảng giả sử thậm chí có chứa '#' (kiểm tra .length).

http://www.glennjones.net/Post/809/getAttributehrefbug.htm

Answer 2

tôi sử dụng:

var hrefArr = $(this).attr('href').split('/'); 
var id = hrefArr[hrefArr.length-1]; 

khi tôi cần tất cả mọi thứ sau khi người cuối cùng "/".

Answer 3

Tôi tin rằng nó được triển khai giống như vậy trong tất cả IE 7+.

tôi sử dụng:

var href=jQuery('#foo').attr('href'); 
href=href.substring(href.indexOf('#')); 

Hy vọng nó sẽ giúp! Chúc mừng.

Answer 4

Tôi đã tìm thấy lỗi liên quan đến vấn đề này: http://bugs.jquery.com/ticket/2747 jQuery đã triển khai giải pháp khắc phục lỗi IE7 '. Tuy nhiên trong jQuery 1.7.1 lỗi này đã được giới thiệu lại. Tôi tạo ra một lỗi mới cho 1.7.1: http://bugs.jquery.com/ticket/11129

Answer 5

tôi đã kết thúc việc tạo ra một biến qua PHP, sau đó sử dụng javascript replace() phương pháp dải nó ra khỏi href:

<script>var domain = 'http://<?=$_SERVER['HTTP_HOST']?>';</script> 

<script> 
$(function(){ 
/* prevent default action of all anchors with hash class */ 
$('#canvas').on('click', 'a.hash', function(event) { 
    event.preventDefault(); 
      // get the href of the anchor 
    var hash = '!' + $(this).attr('href'); 
      // remove the absolute url if it exists 
    hash = hash.replace(domain, ''); 
    // redirect 
      window.location.hash = hash; 
}); 
}); 
</script> 

Answer 6

cách khác là để chỉ sử dụng thuộc tính dữ liệu, thay vì href

<a data-href="#anchor-0">example</a> 

.

var href = $(this).attr('data-href'); 

Answer 7

Vấn đề là IE7 và IE8 cũng thay đổi văn bản.Vì vậy, một cách giải quyết tốt là làm như thế này

$('#linkId').attr('href','newlink').text('oldtext');