Cách mở liên kết trong cửa sổ mới

Để thực hiện điều này, hãy sử dụng window.open() cùng với popup.

Ví dụ

Mã minh họa:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta charset="UTF-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
  <title>Document</title> 
</head> 
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
<body> 
  <a href="https://www.google.com" target="popup" 
    onclick="window.open('https://www.google.com', 'popup', 'width=500,height=500'); return false;"> 
    MỞ POPUP VỚI LIÊN KẾT 
  </a> 
</body> 
<script> 
</script> 
</html>

Để chạy chương trình, lưu file index.html và mở với Live Server trong VSCode.

Kết quả

Khi nhấp vào liên kết, một cửa sổ popup mới sẽ mở với kích thước 500x500 pixel.

Cách mở liên kết trong cửa sổ mới - JavaScript

Ví dụ

Kết quả