Làm cách nào để đặt mục tiêu _blank trong Javascript?
Sẽ có lúc bạn muốn người dùng của mình nhấp vào liên kết trang web và mở nó trong tab trình duyệt mới. Nhưng làm thế nào để bạn làm điều đó trong HTML? Show
Trong bài viết này, tôi sẽ hướng dẫn các bạn cách sử dụng thuộc tính Cách mở một tab trình duyệt mới bằng cách sử dụng target="_blank"Thuộc tính
Khi người dùng nhấp vào liên kết, một tab trình duyệt mới sẽ tự động mở đến trang đó Trong ví dụ này, tôi đã lồng một liên kết bên trong một tập hợp các thẻ đoạn văn để hướng mọi người đến freeCodeCamp
Khi bạn nhấp vào liên kết freeCodeCamp, nó sẽ mở ra một tab trình duyệt mới cho bạn Nếu tôi bỏ qua thuộc tính Từ khóa noopener là gì?Từ khóa 1 được sử dụng chủ yếu vì lý do bảo mật để ngăn người dùng có ác ý gây rối với trang web gốc thông qua thuộc tính 2. Nếu người dùng độc hại có quyền truy cập vào đối tượng cửa sổ của bạn thì họ có thể chuyển hướng trang của bạn đến một URL độc hạiBạn có thể sử dụng từ khóa
Nếu bạn muốn tìm hiểu thêm về các vấn đề bảo mật mà 5 đã giúp giải quyết, vui lòng đọc qua bài viết hữu ích nàyCập nhật cho từ khóa noopenerVào năm 2021, đã có một bản cập nhật trong đó các trình duyệt hiện đại hiện đặt 5 cho bất kỳ liên kết nào bằng thuộc tính 8. Như bạn có thể thấy trong bảng Tôi có thể sử dụng không, từ khóa noopener được hầu hết các trình duyệt hỗ trợ ngoại trừ Internet Explorer 11Ngay cả với bản cập nhật này, nhiều nhà phát triển vẫn sẽ sử dụng 5 cho các liên kết sử dụng thuộc tính 8Bạn có nên sử dụng thuộc tính target="_blank" mọi lúc không?Khi người dùng nhấp vào một liên kết, hành vi mặc định là mở liên kết đó trên trang hiện tại mà họ đang truy cập mà không cần mở tab trình duyệt mới. Trong nhiều trường hợp, bạn không muốn thay đổi hành vi mặc định này vì người dùng ngày càng mong đợi điều này Bạn phải suy nghĩ cẩn thận về thời điểm thích hợp để sử dụng thuộc tính Trong ví dụ này, chúng tôi đang liên kết đến tài liệu DevDocs, vì vậy người dùng có thể ở lại trang hiện tại của họ và tra cứu tài liệu tham khảo trên tab mới Phần kết luậnBạn có thể sử dụng thuộc tính Thuộc tính
Từ khóa 1 được thêm vào để ngăn những người dùng có ác ý gây rối với trang web gốc thông qua thuộc tính 2
Bạn phải suy nghĩ cẩn thận về thời điểm thích hợp để sử dụng thuộc tính Tôi hy vọng bạn thích bài viết này và chúc may mắn trên hành trình lập trình của bạn QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO Tôi là một nhạc sĩ và một lập trình viên Nếu bạn đọc đến đây, hãy tweet cho tác giả để cho họ thấy bạn quan tâm. Tweet một lời cảm ơn Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu Làm cách nào để thêm mục tiêu _blank trong JavaScript?Thuộc tính đích HTML xác định nơi tài liệu được liên kết sẽ mở khi người dùng nhấp vào liên kết. Nếu target=”_blank” được đặt với phần tử neo, thì tài liệu được liên kết sẽ mở trong một tab mới nếu không thì tài liệu sẽ được mở trong cùng một tab .
Làm cách nào để sử dụng mục tiêu _blank?a target=”_blank” Mở trong Tab (hoặc Cửa sổ) trình duyệt mới Thuộc tính target chỉ định nơi tài liệu được liên kết sẽ mở khi . Mặc định là cửa sổ hiện hành. Nếu target="_blank" , tài liệu được liên kết sẽ mở trong một tab mới hoặc (trên các trình duyệt cũ hơn) một cửa sổ mới.
Làm cách nào để đặt mục tiêu cho cửa sổ đang mở trong JavaScript?Sử dụng hàng đầu. vị trí. href và các mục tiêu liên kết khác trong Java. Viết mã bằng HTML hoặc JavaScript để nhắm mục tiêu các liên kết sao cho chúng mở trong các cửa sổ trống mới, trong các khung chính, trong các khung trong trang hiện tại hoặc trong một khung cụ thể trong một bộ khung
Việc sử dụng _blank trên thuộc tính mục tiêu neo là gì?Thuộc tính đích có giá trị “_blank” mở tài liệu được liên kết trong cửa sổ hoặc tab mới . |