Không có javascript javascript: void (0) có nghĩa là gì?

<a href="javascript:void(0)" id="loginlink">login</a>

Tôi đã nhìn thấy hrefnhiều lần như vậy , nhưng tôi không biết chính xác điều đó có nghĩa là gì.

Các voidnhà điều hành đánh giá các biểu thức đã cho và trả về sau đó undefined.

Các voidnhà điều hành thường được sử dụng chỉ đơn thuần là để có được những undefinedgiá trị nguyên thủy, thường sử dụng “ void(0)” (đó là tương đương với “ void 0”). Trong những trường hợp này, biến toàn cục undefined có thể được sử dụng thay thế (giả sử nó chưa được gán cho giá trị không mặc định).

Một lời giải thích được cung cấp ở đây: voidnhà điều hành .

Lý do bạn muốn làm điều này với hrefliên kết là thông thường, một javascript:URL sẽ chuyển hướng trình duyệt sang phiên bản văn bản đơn giản về kết quả đánh giá JavaScript đó. Nhưng nếu kết quả là undefined, thì trình duyệt vẫn ở trên cùng một trang. void(0)chỉ là một kịch bản ngắn và đơn giản để đánh giá undefined.

Ngoài câu trả lời kỹ thuật, javascript:voidcó nghĩa là tác giả đang làm sai.

Không có lý do chính đáng để sử dụng javascript:URL giả (*). Trong thực tế, nó sẽ gây nhầm lẫn hoặc lỗi nếu bất kỳ ai cũng nên thử những thứ như 'liên kết đánh dấu', 'liên kết mở trong một tab mới', v.v. Điều này xảy ra khá nhiều bây giờ mọi người đã quen với tab nhấp chuột giữa cho tab mới: nó trông giống như một liên kết, bạn muốn đọc nó trong một tab mới, nhưng hóa ra đó hoàn toàn không phải là một liên kết thực sự, và đưa ra các kết quả không mong muốn như trang trống hoặc lỗi JS khi nhấp vào giữa.

<a href="#">là một thay thế phổ biến mà có thể được cho là ít tệ hơn. Tuy nhiên, bạn phải nhớ return falsetừ onclicktrình xử lý sự kiện của mình để ngăn liên kết được theo dõi và cuộn lên trên cùng của trang.

Trong một số trường hợp, có thể có một nơi thực sự hữu ích để trỏ liên kết đến. Ví dụ: nếu bạn có một điều khiển, bạn có thể nhấp vào để mở ra một ẩn trước đó <div id="foo">, nó có ý nghĩa để sử dụng <a href="#foo">để liên kết với nó. Hoặc nếu có một cách không phải là JavaScript để làm điều tương tự (ví dụ: 'thispage.php? Show = foo' đặt foo hiển thị để bắt đầu), bạn có thể liên kết với điều đó.

Mặt khác, nếu một liên kết chỉ trỏ đến một số tập lệnh, nó không thực sự là một liên kết và không nên được đánh dấu như vậy. Cách tiếp cận thông thường sẽ là thêm onclickvào a <span>, <div>hoặc <a>không có hrefvà tạo kiểu theo cách nào đó để làm cho rõ ràng bạn có thể nhấp vào nó. Đây là những gì StackOverflow [đã làm tại thời điểm viết; bây giờ nó sử dụng href="#"].

Nhược điểm của điều này là bạn mất điều khiển bàn phím, vì bạn không thể tab trên một nhịp / div / trần-a hoặc kích hoạt nó với không gian. Việc này có thực sự là một bất lợi hay không phụ thuộc vào loại hành động mà phần tử dự định thực hiện. Bạn có thể, với một số nỗ lực, cố gắng bắt chước khả năng tương tác của bàn phím bằng cách thêm một tabIndexyếu tố và lắng nghe phím nhấn Space. Nhưng nó sẽ không bao giờ tái tạo 100% hành vi trình duyệt thực, nhất là vì các trình duyệt khác nhau có thể phản ứng với bàn phím khác nhau (chưa kể các trình duyệt không trực quan).

Nếu bạn thực sự muốn một yếu tố không phải là một liên kết nhưng có thể được kích hoạt như bình thường bằng chuột hoặc bàn phím, thì điều bạn muốn là một <button type="button">(hoặc <input type="button">cũng tốt như vậy, đối với nội dung văn bản đơn giản). Bạn luôn có thể sử dụng CSS để sắp xếp lại nó để nó trông giống như một liên kết hơn là một nút, nếu bạn muốn. Nhưng vì nó hoạt động giống như một nút bấm, đó là cách bạn thực sự nên đánh dấu nó.

(*: dù sao cũng là tác giả trang web. Rõ ràng chúng rất hữu ích cho bookmarklets. javascript:URL giả là một sự kỳ quái về khái niệm: một công cụ định vị không trỏ đến một vị trí, mà thay vào đó gọi mã hoạt động bên trong vị trí hiện tại. các sự cố cho cả trình duyệt và ứng dụng web và không bao giờ được phát minh bởi Netscape.)

Nó có nghĩa là nó sẽ không làm gì cả. Đó là một nỗ lực để có liên kết không 'điều hướng' ở bất cứ đâu. Nhưng đó không phải là cách đúng đắn.

Bạn thực sự chỉ nên return falsetrong onclicksự kiện, như vậy:

<a href="#" onclick="return false;">hello</a>

Thông thường, nó được sử dụng nếu liên kết đang thực hiện một số điều 'JavaScript-y'. Giống như đăng một hình thức AJAX, hoặc hoán đổi một hình ảnh, hoặc bất cứ điều gì. Trong trường hợp đó, bạn chỉ cần thực hiện bất kỳ chức năng nào đang được gọi là return false.

Tuy nhiên, để làm cho trang web của bạn hoàn toàn tuyệt vời, nói chung, bạn sẽ bao gồm một liên kết thực hiện cùng một hành động, nếu người duyệt nó chọn không chạy JavaScript.

<a href="backup_page_displaying_image.aspx"
   onclick="return coolImageDisplayFunction();">hello</a>

Có một sự khác biệt lớn trong hành vi của "#" so với javascript: void

"#" cuộn bạn lên TOP trang trong khi "javascript: void (0);" không làm.

Điều này rất quan trọng nếu bạn đang mã hóa các trang động. Người dùng không muốn quay lại đầu trang chỉ vì anh ta nhấp vào một liên kết trên trang.

Đây là một phương pháp rất phổ biến để thêm các hàm JavaScript vào các liên kết HTML.
Ví dụ: các [Print]liên kết mà bạn thấy trên nhiều trang web được viết như thế này:

<a href="javascript:void(0)" onclick="callPrintFunction()">Print</a>

Tại sao chúng ta cần hreftrong khi onclickmột mình có thể hoàn thành công việc? Bởi vì khi người dùng di chuột qua văn bản 'In' khi không có href, con trỏ sẽ thay đổi thành dấu mũ (ꕯ) thay vì con trỏ (👆). Chỉ có hreftrên một athẻ xác nhận nó là một siêu liên kết.

Một thay thế cho href="javascript:void(0);" , là việc sử dụng href="#". Sự thay thế này không yêu cầu bật JavaScript trong trình duyệt của người dùng, vì vậy nó tương thích hơn.

Bạn phải luôn có một href trên a thẻ. Gọi một hàm JavaScript trả về 'không xác định' sẽ hoạt động tốt. Vì vậy, sẽ liên kết đến '#'.

Các thẻ neo trong Internet Explorer 6 không có href không nhận được a:hover áp dụng kiểu.

Vâng, nó là khủng khiếp và là một tội ác nhỏ chống lại loài người, nhưng nói chung, Internet Explorer 6 nói chung cũng vậy.

Tôi hi vọng cái này giúp được.

Internet Explorer 6 thực sự là một tội ác lớn chống lại loài người.

Điều đáng nói là đôi khi bạn sẽ thấy void 0 khi kiểm tra không xác định, đơn giản vì nó yêu cầu ít ký tự hơn.

Ví dụ:

something === undefined

so với

something === void 0

Một số phương pháp thu nhỏ thay thế không xác định bằng void 0 vì lý do này.

Việc sử dụng javascript:void(0)có nghĩa là tác giả của HTML đang sử dụng sai phần tử neo thay cho phần tử nút.

Các thẻ neo thường bị lạm dụng với sự kiện onclick để tạo các nút giả bằng cách đặt href thành "#" hoặc "javascript: void (0)" để ngăn trang làm mới. Các giá trị này gây ra hành vi không mong muốn khi sao chép / kéo liên kết, mở liên kết trong tab / cửa sổ mới, đánh dấu trang và khi JavaScript vẫn đang tải xuống, lỗi hoặc bị vô hiệu hóa. Điều này cũng chuyển tải ngữ nghĩa không chính xác cho các công nghệ hỗ trợ (ví dụ: trình đọc màn hình). Trong những trường hợp này, nên sử dụng <button>thay thế. Nói chung, bạn chỉ nên sử dụng một neo để điều hướng bằng một URL thích hợp.

Nguồn: Trang MDN<a> .

voidlà một toán tử được sử dụng để trả về một undefinedgiá trị để trình duyệt sẽ không thể tải một trang mới.

Các trình duyệt web sẽ thử và lấy bất cứ thứ gì được sử dụng làm URL và tải nó trừ khi đó là hàm JavaScript trả về null. Ví dụ: nếu chúng tôi nhấp vào một liên kết như thế này:

<a href="javascript: alert('Hello World')">Click Me</a>

sau đó một thông báo cảnh báo sẽ hiển thị mà không tải một trang mới và đó là vì đó alertlà một hàm trả về giá trị null. Điều này có nghĩa là khi trình duyệt cố tải một trang mới, nó thấy null và không có gì để tải.

Một điều quan trọng cần lưu ý về toán tử void là nó yêu cầu một giá trị và không thể sử dụng chính nó. Chúng ta nên sử dụng nó như thế này:

<a href="javascript: void(0)">I am a useless link</a>

Để hiểu khái niệm này, trước tiên bạn nên hiểu toán tử void trong JavaScript.

Cú pháp của toán tử void là: void «expr»đánh giá expr và trả về không xác định.

Nếu bạn thực hiện void như một hàm, nó sẽ trông như sau:

function myVoid(expr) {
    return undefined;
}

Toán tử void này có một cách sử dụng quan trọng đó là - loại bỏ kết quả của biểu thức.

Trong một số tình huống, điều quan trọng là trả về không xác định trái ngược với kết quả của một biểu thức. Sau đó void có thể được sử dụng để loại bỏ kết quả đó. Một tình huống như vậy liên quan đến javascript: URL, nên tránh các liên kết, nhưng rất hữu ích cho bookmarklets. Khi bạn truy cập một trong những URL đó, nhiều trình duyệt sẽ thay thế tài liệu hiện tại bằng kết quả đánh giá các URL Nội dung trực tuyến, nhưng chỉ khi kết quả không được xác định. Do đó, nếu bạn muốn mở một cửa sổ mới mà không thay đổi nội dung hiện đang hiển thị, bạn có thể làm như sau:

javascript:void window.open("http://example.com/")

Các voidnhà điều hành đánh giá các biểu thức đã cho và sau đó trả về xác định. Nó tránh làm mới trang.

Các nhà phát triển web sử dụng javascript:void(0)vì đó là cách dễ nhất để ngăn chặn hành vi mặc định của athẻ. void(*anything*)trả về undefinedvà nó là một giá trị giả. và trả về giá trị giả giống như return falsetrong onclicktrường hợp athẻ ngăn hành vi mặc định của nó.

Vì vậy, tôi nghĩ javascript:void(0)là cách đơn giản nhất để ngăn chặn hành vi mặc định của athẻ.

Một liên kết phải có một mục tiêu HREF được chỉ định để cho phép nó trở thành một đối tượng hiển thị có thể sử dụng được.

Hầu hết các trình duyệt sẽ không phân tích JavaScript nâng cao trong một

<A HREF="" 

thẻ như:

<A href="JavaScript:var elem = document.getElementById('foo');" 

bởi vì thẻ HREF trong hầu hết các trình duyệt không cho phép khoảng trắng hoặc sẽ chuyển đổi khoảng trắng thành% 20, tương đương HEX của SPACE, làm cho JavaScript của bạn hoàn toàn vô dụng với trình thông dịch.

Vì vậy, nếu bạn muốn sử dụng thẻ A HREF để thực thi JavaScript nội tuyến, bạn phải chỉ định giá trị hợp lệ cho HREF FIRST không quá phức tạp (không chứa khoảng trắng), sau đó cung cấp JavaScript trong thẻ thuộc tính sự kiện như OnClick , OnMouseOver, OnMouseOut, v.v.

Câu trả lời điển hình là làm một cái gì đó như thế này:

<A HREF="#" onclick="var elem = document.getElementById('foo');">Get the object</a>

Điều này hoạt động tốt nhưng nó làm cho trang nhảy lên trên cùng vì dấu thăng / thẻ băm bảo nó làm như vậy.

Chỉ cần cung cấp một dấu thăng / thẻ băm trong thẻ A HREF thực sự chỉ định neo gốc, theo mặc định, luôn luôn là đầu trang, bạn có thể chỉ định một vị trí khác bằng cách chỉ định thuộc tính NAME bên trong thẻ HREF.

<A NAME='middleofpage'></A>

Sau đó, bạn có thể thay đổi thẻ A HREF của mình để chuyển sang 'middleofpage' và thực thi JavaScript trong sự kiện OnClick, một khi điều đó xảy ra như vậy:

<A HREF="#middleofpage" onclick="var elem = document.getElementById('foo');">Get the object</a>

Sẽ có NHIỀU lần bạn không muốn liên kết đó nhảy xung quanh, vì vậy bạn có thể thực hiện hai điều:

<A HREF="#thislinkname" name='thislinkname' onclick="var elem = document.getElementById('foo');">Get the object</a>

Bây giờ nó sẽ không đi đến đâu khi được nhấp, nhưng nó có thể khiến trang tự định tâm lại từ chế độ xem hiện tại của nó. Điều này không đẹp. Cách tốt nhất để cung cấp javascript nội tuyến, sử dụng A HREF, nhưng không phải thực hiện bất kỳ điều nào ở trên là gì? JavaScript: void (0);

<A HREF="JavaScript:void(0);" onclick="var elem = document.getElementById('foo');">Get the object</a>

Điều này báo cho trình duyệt đi NGAY BÂY GIỜ, nhưng thay vào đó thực thi JavaScript hợp lệ: void (0); đầu tiên hoạt động trong thẻ HREF vì nó không chứa khoảng trắng và sẽ không được phân tích cú pháp dưới dạng URL. Nó thay vào đó sẽ được chạy bởi trình biên dịch. VOID là một từ khóa, khi được cung cấp với tham số 0 trả về UNDEFINED, không sử dụng thêm bất kỳ tài nguyên nào để xử lý giá trị trả về sẽ xảy ra mà không chỉ định 0 (nó thân thiện với quản lý bộ nhớ / hiệu năng hơn).

Điều tiếp theo xảy ra là OnClick được thực thi. Trang không di chuyển, không có gì xảy ra hiển thị.

JavaScript: URL sang một bên; đây là nơi void có thể hữu ích để viết mã ngắn hơn.

var error1 = false,
    error2 = false,
    error3 = false;

function error1() {

  error1 = true;
}

function myFunction() {

  // You can easily return and call a function at once, if you don't care about myFunction's return value
  if (!someCondition1)
    return error1();

  // What if you want to set a value first?
  if (!someCondition2) {
    error2 = true;
    return
  }

  // Shortest way to return and set a value at once
  if (!someCondition3)
    return void(error3 = true);

  // More code goes here
}