Lập trình PHP

JavaScript – Cách mở URL trong tab mới – PHP

Posted on by Mss. Bình

Các trang web chứa các liên kết bên ngoài mở các URL trong một tab mới. Ví dụ: các bài viết trên Wikipedia hiển thị các liên kết để mở các trang web tham khảo trong một tab mới. Điều này là hoàn toàn cho người mới bắt đầu.

Có ba cách để mở một URL trong tab mới.

  1. Thẻ neo HTML với mục tiêu=_trống thuộc tính.
  2. JavaScript window.open() để đặt siêu liên kết và mục tiêu.
  3. Mã JavaScript để tạo phần tử liên kết HTML.

Thẻ neo HTML với mục tiêu=_trống thuộc tính

Đây là kiến ​​thức cơ bản về HTML mà bạn đã quen thuộc. Tôi đã thêm HTML với các thuộc tính bắt buộc vì ví dụ JavaScript sắp tới hoạt động với cơ sở này.

<a href=" target="_blank">Go to PHP</a>

Các tình huống mở URL qua JavaScript.

Khi chúng tôi cần mở một URL trên cơ sở sự kiện, nó phải được thực hiện thông qua JavaScript trong thời gian chạy. Ví dụ,

  1. Hiển thị tệp PDF trong tab mới sau khi nhấp vào tạo liên kết PDF. Chúng ta đã thấy cách tạo tệp PDF bằng JavaScript.
  2. Hiển thị trang sản phẩm từ thư viện qua Javascript để theo dõi lịch sử mua sắm.

Hai phần bên dưới có mã để tìm hiểu cách đạt được các URL mở trong tab mới bằng JavaScript.

javascript mở trong tab mới

JavaScript window.open() để đặt siêu liên kết và mục tiêu

Mã một dòng JavaScript này đặt liên kết để mở cửa sổ.open phương pháp. Tham số thứ hai là đặt mục tiêu để mở URL được liên kết trong một tab mới.

window.open(' '_blank').focus();

Dòng trên giúp mở một URL và tập trung vào tab mới mở.

Mã JavaScript để tạo phần tử liên kết HTML.

Phương pháp này tuân theo các bước bên dưới để mở URL trong tab mới thông qua JavaScript.

var url = ";
var link = document.createElement("a");
link.href = url;
link.target = "_blank";
link.click();

Trình duyệt hỗ trợ: Hầu hết các trình duyệt hiện đại đều hỗ trợ phương thức JavaScript window.open().

↑ Quay lại Đầu trang


Xem thêm tin mới và bổ ích tại:

– Kiến thức gia đình

– Tri thức đời sống

– Kênh youtube Kiến thức gia đình