Hướng dẫn how to hide url link in html - cách ẩn liên kết url trong html

13

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Làm thế nào tôi có thể ẩn URL hiển thị khi chuột lơ lửng trên siêu liên kết?

Hyperlink

Làm cách nào để ẩn URL hiển thị trong thanh trạng thái dưới cùng của trình duyệt khi chuột lơ lửng?

Đã hỏi ngày 24 tháng 3 năm 2012 lúc 11:32Mar 24, 2012 at 11:32

3

Đừng đặt URL vào href (hoặc giữ nó href="#") và đính kèm chức năng JavaScript vào sự kiện onclick, đặt liên kết thực tế trong phần tử a. Bằng cách này, bạn sẽ không thấy URL thực tế khi di chuột qua liên kết nhưng liên kết sẽ được chèn khi người dùng thực sự nhấp.

Đã trả lời ngày 24 tháng 3 năm 2012 lúc 11:35Mar 24, 2012 at 11:35

Simeon Vissersimeon VisserSimeon Visser

Huy hiệu vàng 116K1818 gold badges176 silver badges178 bronze badges

8

Bằng cách này, bạn có thể dễ dàng ẩn URL khi chuột di chuột trên siêu liên kết.

Chỉ cần thêm một ID trên liên kết neo.

HTML

Hyperlink

Mã jQuery

$(document).ready(function () {
      setTimeout(function () {

            $('a[href]#no-link').each(function () {
                var href = this.href;

                $(this).removeAttr('href').css('cursor', 'pointer').click(function () {
                    if (href.toLowerCase().indexOf("#") >= 0) {

                    } else {
                        window.open(href, '_blank');
                    }
                });
            });

      }, 500);
});

Dưới đây là liên kết demo https://jsfiddle.net/vipul09so/lcryjga5/

Đã trả lời ngày 1 tháng 12 năm 2016 lúc 7:32Dec 1, 2016 at 7:32

7

Về mặt kỹ thuật, bạn có window.status để tạo tin nhắn thanh trạng thái tùy chỉnh. Bạn có thể đặt nó trong một sự kiện "onmouseOver" cho phần tử đó và đặt window.status thành một chuỗi trống .. Đó là cách chúng tôi đã làm nó từ lâu rồi .. tuy nhiên

Các trình duyệt ngày nay ngăn chặn việc sửa đổi thanh trạng thái theo mặc định (theo như tôi biết, Firefox ngăn chặn nó). Vì vậy, không có gì đảm bảo cho cách tiếp cận này sẽ làm bất cứ điều gì.

Đã trả lời ngày 24 tháng 3 năm 2012 lúc 11:45Mar 24, 2012 at 11:45

JosephjosephJoseph

Huy hiệu vàng 115K2828 gold badges178 silver badges226 bronze badges

Visit StackOverflow

HOẶC

Visit StackOverflow

Đã trả lời ngày 25 tháng 10 năm 2016 lúc 21:18Oct 25, 2016 at 21:18

AbkabkAbk

2.0191 Huy hiệu vàng21 Huy hiệu bạc32 Huy hiệu đồng1 gold badge21 silver badges32 bronze badges

Chỉ cần sử dụng onclick = "vị trí.href = '#'"

Đã trả lời ngày 15 tháng 2 năm 2015 lúc 8:18Feb 15, 2015 at 8:18

Chỉ cần xóa thuộc tính href khỏi một phần tử. :)href attribute from a element. :)

Đã trả lời ngày 16 tháng 3 năm 2019 lúc 9:30Mar 16, 2019 at 9:30

0

Thuộc tính HTML "A HREF" chỉ định rằng có một liên kết dẫn đến một trang web. Khi sử dụng đoạn mã này, bạn có thể đặt một liên kết trong trang web của mình mà người dùng có thể nhấp để được đưa vào URL của trang web được liên kết. Tuy nhiên, bạn không phải hiển thị URL của trang web được liên kết trên trang web của bạn. Trên thực tế, bạn có thể có bất kỳ từ hoặc cụm từ nào hoạt động như một liên kết thay cho URL và ẩn URL trong quá trình.

1. Nhập phần mã sau trong mẫu HTML của bạn:.

2. Thay thế văn bản "urlofwebsite" bằng URL của trang web mà bạn muốn liên kết đến.

3. Nhập từ hoặc cụm từ mà bạn muốn liên kết xuất hiện như sau ký hiệu ">". Từ hoặc cụm từ này có thể là bất cứ điều gì, nhưng nên liên quan đến trang web được liên kết theo một cách nào đó.

4. Nhập "" Sau từ liên kết hoặc cụm từ để đóng liên kết. Mã của bạn bây giờ sẽ trông như thế này: Tên liên kết, nhưng sẽ xuất hiện trên trang web của bạn dưới dạng "Tên liên kết" với URL HIDDEN.

Làm thế nào để bạn làm cho một URL vô hình?

Làm cách nào để ẩn một liên kết trong href?

Làm cách nào để ẩn xem trước liên kết trong HTML?

Làm cách nào để ẩn một liên kết trong một bài đăng?