Hướng dẫn what does href do in javascript? - href làm gì trong javascript?

Phần tử

Nếu bạn muốn nó hiển thị chính xác dưới dạng liên kết (tức là gạch chân, con trỏ tay, v.v.), thì nó sẽ chỉ làm như vậy nếu nó có thuộc tính

Do đó, mã như thế này đôi khi được sử dụng như một cách tạo liên kết, nhưng không phải cung cấp một URL thực tế trong thuộc tính

Anh ta có thể có một số mã sự kiện JavaScript ở nơi khác được kích hoạt khi liên kết được nhấp và đó sẽ là những gì anh ta muốn thực sự xảy ra, nhưng anh ta muốn nó trông giống như một liên kết thẻ

Một số nhà phát triển sử dụng

Có nhiều cách xung quanh những điều này. Sử dụng một chút trống của mã JavaScript trong

HREF JavaScript là một phương thức để dễ dàng gọi chức năng JavaScript khi người dùng nhấp vào liên kết trên trang web. & NBSP;

Nếu bạn đã từng nhấp vào một liên kết và nhận được một hộp bật lên, chẳng hạn như hộp thoại cảnh báo, thì bạn có khả năng thấy chức năng này hoạt động.

Một trong những khía cạnh thú vị nhất của JavaScript, như một ngôn ngữ, là cách nó tích hợp rất liền mạch với HTML và CSS. Là một lập trình viên JavaScript, bạn có thể thường xuyên thấy mình xen kẽ mã JavaScript của mình với mã HTML/CSS của mình.

Nhưng sử dụng HREF JavaScript cũng là một chức năng phản đối - điều mà bạn nên biết nếu bạn đang chú ý đến các câu hỏi phỏng vấn JavaScript. Vì vậy, hãy để Lừa xem HREF JavaScript, cách thức hoạt động và khi bạn có thể sử dụng nó.

Gọi chức năng JavaScript thông qua HREF

Hầu hết mọi người đều quen thuộc với HTML trước khi họ bắt đầu lập trình trong JavaScript, nhưng không phải tất cả. Trước khi chúng tôi hiểu lý do tại sao chúng tôi sử dụng thuộc tính HREF, chúng tôi nên hiểu cách chúng tôi sử dụng JavaScript trong một trang web.

Khu vực đầu của người đứng đầu của một trang HTML có thể lưu trữ mã JavaScript. Vì vậy, trang của bạn sẽ trông như thế này:

		
			
		
		
			...Website content…
		
	

Trên đây vẫn là tất cả mã HTML. Bất cứ điều gì trong thẻ HTML về cơ bản là mã của trang web. Nhưng mặc dù phần đầu của người Viking lưu trữ mã, nhưng nó thường được gọi trong cơ thể. Gọi mã JavaScript có nghĩa là bạn cần biết khi mà mã đó sẽ được xử lý - thường dựa trên hành động của người dùng.

Vì vậy, bạn có thể có:

JavaScript mà bạn đã viết sẽ được xử lý khi người dùng nhấp vào nút. Bản thân javascript_function () sẽ nằm ở đầu trang (phần đầu của đầu), nhưng nút sẽ ở giữa trang (phần Body Body Body).

Trên thực tế, một yếu tố thú vị là nút này về cơ bản sẽ là một yếu tố vô giá trị mà không sử dụng JavaScript để xử lý một số dạng mã. Các nút thường được sử dụng trong các dạng HTML, nhưng ngoài việc gửi biểu mẫu, chúng cần JavaScript cho chức năng nâng cao hơn.

Mặc dù vậy, trong trường hợp này, chúng tôi không sử dụng các nút. Chúng tôi sử dụng một siêu liên kết. Một siêu liên kết là nền tảng cơ bản của Internet. Bạn biết nó là bất kỳ liên kết nào thường hiển thị dưới dạng màu xanh và gạch chân: kết nối với trang khác.

Một siêu liên kết, trong HTML, được viết như sau:

Google Web Search

Ở trên, thẻ là sự khởi đầu của liên kết. Thuộc tính HREF là nơi liên kết đi. Và sau đó đóng thẻ.

Nhưng thuộc tính HREF không phải bao gồm một URL. Xa nó. & Nbsp;

Trên thực tế, bạn có thể tạo mã JavaScript khởi chạy trong thuộc tính HREF của URL:

Click

Khi bạn gọi chức năng JavaScript thông qua HREF, nó tương tự như Onclick JavaScript - các quy trình chức năng tập lệnh khi bạn nhấp vào liên kết. Nhưng bạn cũng có thể sử dụng hành động Onhover để xử lý JavaScript khi người dùng chỉ cần đặt con trỏ của họ trên liên kết hoặc một loạt các hành động khác trên chuột di chuyển của chuột.

Các nhà phát triển thường sử dụng các liên kết của A A theo cách này bởi vì nó rất dễ dàng. Đó là một cách dễ dàng để thiết lập giao diện do người dùng kiểm soát-người dùng được sử dụng để nhấp vào liên kết và nhà phát triển không phải quét cho bất kỳ hành động cụ thể nào từ người dùng.

Thật không may, mặc dù nó là một kỹ thuật khá dễ dàng, nhưng nó cũng được coi là không phản đối.

Tại sao bạn không nên sử dụng href javascript

Bạn có thể sử dụng href javascript. Ở cấp độ thủ tục và máy tính, nó đã giành được bất kỳ vấn đề nào. Về cơ bản, nó sẽ giống hệt với việc sử dụng hàm onclick của liên kết. Nhưng nó cực kỳ không phản đối vì một lý do quan trọng.

HREF có nghĩa là hoạt động như một định danh - một tài liệu tham khảo - chứ không phải là một hành động. Vì vậy, nếu bạn sử dụng thuộc tính HREF của mình theo cách này, bạn sẽ sử dụng nó theo cách đi ngược lại mục đích ban đầu của thuộc tính. Trong khi nó hoạt động, điều này làm cho nó trở nên lộn xộn và không trực quan.

Nói cách khác, nó giống như nó giống như nó chống lại ngữ pháp của ngôn ngữ lập trình. Nó nhận được thông điệp qua, nhưng nó làm như vậy theo cách mà thường không được ghi lại hoặc hỗ trợ.

Hầu hết mọi người sẽ nói với bạn rằng bạn nên sử dụng mã sau thay thế:

Trên thực tế, nếu bạn tìm kiếm Href JavaScript ngay bây giờ, thì đó có lẽ sẽ là một trong những ví dụ phổ biến nhất mà bạn thấy.

Nhưng điều này thực sự cũng không phải là lý tưởng. HREF của bạn không nên là một số##vì điều đó gây ra điều hướng lên đầu trang. Nhiều người không nhận ra điều này bởi vì họ đã thử nghiệm mã của họ trên một trang rất nhỏ. Nếu mã của bạn chỉ dài một trang, thì##là sẽ không làm gì cả.

Nhưng###thực sự được sử dụng để chỉ định các vị trí trong một trang. Chẳng hạn,##tos có thể liên kết với các điều khoản dịch vụ của bạn, hoặc tiêu đề của bạn, hoặc #Social, có thể liên kết với các liên kết truyền thông xã hội của bạn. Khi bạn có một số trống##, nó chỉ giả định rằng bạn muốn đi lên đầu trang, bởi vì nó có thể tìm thấy bất kỳ tài liệu tham khảo rõ ràng nào khác.

Thay vào đó, bạn nên nêu rõ ràng, trong HREF, tham chiếu HREF (trang để điều hướng đến) không tồn tại:

Vì vậy, bạn thực sự sử dụng JavaScript ở hai nơi, bây giờ! Bạn sử dụng nó trong HREF, nhưng cũng trong chức năng Onclick.

Trên đây là một ví dụ tốt hơn về lập trình. Nó nói với liên kết rằng thẻ của HREF hoàn toàn không có giá trị và nó không nên làm gì cả. Nó cũng cho biết một thẻ rằng onclick nó sẽ chạy chức năng JavaScript.

Trong chương trình, có rất nhiều điều mà giả định. Điều này đặc biệt đúng đối với các ngôn ngữ đánh dấu (HTML, CSS) và các ngôn ngữ dựa trên web (JavaScript) mà don lồng có trình biên dịch, nhưng là một trình thông dịch. Nói chung, càng được nêu rõ ràng, càng tốt. Khi bạn không rõ ràng trong các tuyên bố của mình, nhiều khả năng bạn sẽ dẫn đến các biến chứng hoặc hành vi thất thường trên các nền tảng khác.

Sử dụng một href trống trên thẻ A.

Một điều khác mà chúng ta nên lưu ý là việc có thuộc tính HREF hoàn toàn không cần thiết. Bạn có thể tạo một liên kết đơn giản như:

This is a link.

Liên kết này vẫn sẽ xuất hiện như một liên kết. Thành phần của A A, bao gồm nhiều thứ và URL chỉ là một trong số đó. Một thẻ có một hành động của On Onclick và một hành động của Onhover, cả hai bạn có thể sử dụng thông qua JavaScript và CSS.

Tuy nhiên, đây không phải là khôn ngoan. Khi bạn có thẻ HREF trống, nó thường tải lại trang, có thể gây nhầm lẫn cho người dùng. Và nếu bạn tải lại trang trên người dùng một cách bất ngờ, thì luôn có thể bạn có thể mất một số công việc của họ.

May mắn thay, các phương pháp tương tự đã làm việc ở trên sẽ hoạt động ở đây. Chúng ta có thể sử dụng chức năng JavaScript để trả về một sai lầm. Trước đây, chúng tôi đã sử dụng Null Null. Nhưng hãy để Lừa xem xét một phương pháp khác: href JavaScript void 0.

Điều này rõ ràng cho trang web rằng nó không nên làm bất cứ điều gì. Bằng cách sử dụng tập lệnh này, một JavaScript HREF, bạn sẽ loại bỏ các cơ hội mà bạn có thể chỉ cần làm mới trang với trống thuộc tính HREF.

Các phương pháp gọi JavaScript khác

Tất nhiên, bạn không phải lúc nào cũng sẽ gọi mã JavaScript của mình từ một siêu liên kết.

Một số phương pháp là gì, ngoài một tập lệnh href javascript, mà bạn có thể sử dụng để gọi mã JavaScript trong trang HTML là gì?

Như đã đề cập, bạn luôn có thể sử dụng phương pháp Onclick:

Ngoài ra còn có các sự kiện khác mà JavaScript có thể sử dụng:

• Di chuột xuống. Đây là khi người dùng thực sự nhấn nút, thay vì khi người dùng phát hành nó.
• Bay lượn. Đây là khi người dùng di chuyển con trỏ của họ qua một phần tử đã cho, thay vì nhấp vào nó.
• Mouseup. Đây là khi người dùng phát hành nút, sau khi nhấp vào nó. & NBSP;

Điều quan trọng cần lưu ý là bạn có thể sử dụng nhiều sự kiện JavaScript nếu bạn không sử dụng HTML nội tuyến mà thay vào đó đặt JavaScript vào các vị trí HTML và các vị trí kiểu. & NBSP;

Chẳng hạn, bạn có thể lắng nghe toàn cầu cho một sự kiện Onmousedown trong khu vực đầu của bạn, như vậy:

window.AddEventListener(“mousedown”,My_Function());

Người nghe sự kiện có thể lắng nghe nhiều loại sự kiện, chẳng hạn như Keypresses và cuộn.

JavaScript cũng có thể tải trên các sự kiện cụ thể, chẳng hạn như khi trang ban đầu tải: