Hướng dẫn call anchor tag in javascript - gọi thẻ neo trong javascript
|
Tôi cần hiển thị thông báo khi người dùng nhấp vào liên kết Show
Làm thế nào tôi có thể thực hiện một cái gì đó khi người dùng nhấp vào liên kết Hyper trên trang1, thông báo "Xử lý ..." và sau đó ngay khi Trang2 đã sẵn sàng chuyển tiếp đến Trang2? Nó đang hoạt động cho nút nhấp chuột mà trước đó tôi đã đăng đã được thực hiện thành công. Cảm ơn. Phần tử dom ẩn chứa thông điệp và để hiển thị nó Điều tương tự tôi đã cố gắng thực hiện cho mã HTML dưới đây đang sử dụng servlet không biết làm thế nào để thực hiện |
| Tài sản | |||||
|---|---|---|---|---|---|
| href | Đúng | Đúng | Đúng | Đúng | Đúng |
Cú pháp
Trả lại thuộc tính HREF:
Đặt thuộc tính HREF:
Giá trị tài sản
| Giá trị | Sự mô tả |
|---|---|
| URL | Chỉ định URL của liên kết. Những giá trị khả thi:
|
Chi tiết kỹ thuật
| Giá trị trở lại: | Một chuỗi, đại diện cho URL của liên kết. Trả về toàn bộ URL, bao gồm cả giao thức (như http: //) |
|---|
Nhiều ví dụ hơn
Thí dụ
Thay đổi đích (URL) của một liên kết:
document.getEuityById ("myanchor"). href = "http://www.cnn.com/";
Hãy tự mình thử »
Thí dụ
Thay đổi đích (URL) của một liên kết:
document.getEuityById ("myanchor"). href = "http://www.cnn.com/";
Hãy tự mình thử »
Định nghĩa và cách sử dụng
Thuộc tính HREF đặt hoặc trả về giá trị của thuộc tính HREF của một liên kết.
Đối tượng neo
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:
ClickKhi 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:
LINK
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ư:
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.
LINK
Đ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:
LINK
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:
LINK
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:
LINK
Bởi vì JavaScript, HTML và CSS đều là thủ tục, điều xảy ra là trình thông dịch (trình duyệt) đi qua từng dòng, bắt đầu từ đầu. & NBSP;
Tại sao bạn sẽ sử dụng href javascript?
Vì vậy, chúng tôi biết rằng HREF JavaScript không được chấp nhận. Nó vẫn là một lựa chọn nếu bạn đang phát triển, thử nghiệm sự phát triển của bạn hoặc chỉ lập trình như một sở thích. Nó hoàn toàn hoạt động ở cấp độ kỹ thuật. Nhưng nó không phải là thứ mà bạn muốn tạo thói quen. Bạn không muốn sử dụng nhiều lần HREF JavaScript như một phương pháp gọi các chức năng.
Ngoại lệ là bạn muốn sử dụng href javascript để trả lại null hoặc trả về 0 trong trường hợp một liên kết A thực sự sẽ đi bất cứ nơi nào. Đây là cách thích hợp nhất để đảm bảo rằng trình duyệt không cố gắng tải lại trang hoặc di chuyển lên đầu trang với một liên kết không có tham chiếu thích hợp.
Nếu bạn thực sự muốn đào sâu vào phát triển web, hãy biết HTML, CSS và JavaScript (và cách chúng tương tác với nhau) là điều cần thiết. Bạn có thể tìm hiểu những điều cơ bản của JavaScript, bao gồm cách gọi các chức năng, trong hướng dẫn JavaScript của chúng tôi.
Các câu hỏi thường gặp:
HREF trong JavaScript là gì?
Trong JavaScript, bạn có thể gọi hàm hoặc đoạn mã JavaScript thông qua thẻ HREF của liên kết. Điều này có thể hữu ích vì điều đó có nghĩa là mã JavaScript đã cho sẽ tự động chạy cho ai đó nhấp vào liên kết. HREF đề cập đến thuộc tính của HREF, trong một thẻ liên kết (siêu liên kết trong HTML).
Bạn có thể sử dụng JavaScript trong href? & Nbsp;
Trong một thẻ A, bạn có thể gọi JavaScript thông qua phần HREF của thẻ. Bạn cũng có thể gọi JavaScript thông qua hàm onclick, hàm onhover hoặc các thuộc tính liên kết khác. Ngoài ra, bạn có thể sử dụng jQuery. Sử dụng JavaScript trong các thuộc tính HREF rất dễ dàng, nhưng nó thường được coi là một chiến lược không dùng nữa.
Điều gì xảy ra nếu HREF trống?
Nếu thuộc tính HREF trong liên kết A trống, thẻ A thường sẽ tải lại trang. Đây có thể là một vấn đề vì một trang tải lại có thể mất dữ liệu người dùng. Có những lựa chọn thay thế. Sử dụng dấu # thay vì liên kết sẽ chuyển hướng người dùng đến đầu trang. Các tùy chọn khác là các chức năng onclick hoặc các chức năng sự kiện jQuery. & Nbsp;
