Thuộc tính window.name trong HTML

Thuộc tính window.name dùng để lấy hoặc đặt tên cho cửa sổ trình duyệt. Tên này tồn tại suốt vòng đời cửa sổ (kể cả khi tải trang mới), thường dùng để target form/window.open.

Cú pháp

Lấy: window.name

Đặt: window.name = "tên_cửa_sổ"

Ví dụ

<!DOCTYPE html>
<html>
<style>
  body { color: #000; height: 100vh; background-color: #8BC6EC; background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%); text-align: center; }
  .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; color: #fff; outline: none; cursor: pointer; margin: 1rem auto; }
  .show { font-size: 1.2rem; }
</style>
<body>
<h1>Demo window.name</h1>
<button onclick="showName()" class="btn">Xem tên cửa sổ</button>
<button onclick="setName()" class="btn">Đặt tên "MyWindow"</button>
<div class="show"></div>
<script>
  function showName() {
    document.querySelector('.show').innerHTML = 'Tên cửa sổ: "' + window.name + '"';
  }
  function setName() {
    window.name = "MyWindow";
    showName();
  }
</script>
</body>
</html>

Kết quả

Ban đầu tên rỗng. Nhấn "Đặt tên" → tên thành "MyWindow". Load trang mới trong tab này → tên vẫn giữ nguyên.

Ứng dụng: window.open(url, "MyWindow") mở trong cửa sổ đã đặt tên. Form target="MyWindow" submit vào cửa sổ đó. Cũng dùng để lưu dữ liệu đơn giản cross-page (name persistence).