Thuộc tính navigator.language trong HTML

Thuộc tính navigator.language trả về ngôn ngữ ưu tiên của trình duyệt (theo chuẩn BCP 47).

Cú pháp

navigator.language

Ví dụ

<!DOCTYPE html>
<html>
<style>
  body {
    color: #000;
    height: 100vh;
    background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;
    text-align: center;
  }
  .btn {
    background: #db133a;
    border: none;
    height: 2rem;
    border-radius: 20px;
    width: 330px;
    display: block;
    color: #fff;
    outline: none;
    cursor: pointer;
    margin: 1rem auto;
  }
  .show {
    font-size: 1.5rem;
    color: #fff;
  }
</style>
<body>
<h1>Demo thuộc tính navigator.language</h1>
<button class="btn" onclick="display()">Hiển thị ngôn ngữ trình duyệt</button>
<div class="show"></div>
<script>
  function display() {
    document.querySelector(".show").innerHTML = "Ngôn ngữ trình duyệt: " + navigator.language;
  }
</script>
</body>
</html>

Kết quả

Nhấn nút "Hiển thị ngôn ngữ trình duyệt". Kết quả ví dụ: vi-VN, en-US, fr-FR, v.v.

Lưu ý: Có thêm navigator.languages trả về mảng các ngôn ngữ ưu tiên.