<script>

Ngữ cảnh sử dụng

Thuộc tính

crossorigin

Thuộc tính này định nghĩa cài đặt CORS như được định nghĩa cho phần tử HTML <script>. Kiểu giá trị: [ anonymous | use-credentials ]?; Giá trị mặc định: ?; Có thể hoạt ảnh: có

fetchpriority Experimental Non-standard

Cung cấp gợi ý về mức độ ưu tiên tương đối khi lấy một script bên ngoài. Các giá trị được phép:

high

Lấy script bên ngoài với mức ưu tiên cao so với các script bên ngoài khác.

low

Lấy script bên ngoài với mức ưu tiên thấp so với các script bên ngoài khác.

auto

Không đặt ưu tiên cho việc lấy. Giá trị này được dùng nếu không có giá trị nào hoặc giá trị không hợp lệ được đặt. Đây là giá trị mặc định.

href

URL tới script cần tải. Kiểu giá trị: <URL>; Giá trị mặc định: không có; Có thể hoạt ảnh: không

type

Thuộc tính này định nghĩa kiểu ngôn ngữ script cần dùng. Kiểu giá trị: <media-type>; Giá trị mặc định: application/ecmascript; Có thể hoạt ảnh: không

xlink:href Deprecated

URL tới script cần tải. Kiểu giá trị: <URL>; Giá trị mặc định: không có; Có thể hoạt ảnh: không

Giao diện DOM

Phần tử này triển khai giao diện SVGScriptElement.

Ví dụ

Nhấp vào hình tròn để đổi màu.
<svg
  viewBox="0 0 10 10"
  height="120px"
  width="120px"
  xmlns="http://www.w3.org/2000/svg">
  <circle cx="5" cy="5" r="4" />

  <script>
    // <![CDATA[
    function getColor() {
      const R = Math.round(Math.random() * 255)
        .toString(16)
        .padStart(2, "0");

      const G = Math.round(Math.random() * 255)
        .toString(16)
        .padStart(2, "0");

      const B = Math.round(Math.random() * 255)
        .toString(16)
        .padStart(2, "0");

      return `#${R}${G}${B}`;
    }

    document.querySelector("circle").addEventListener("click", (e) => {
      e.target.style.fill = getColor();
    });
    // ]]>
  </script>
</svg>

Đặc tả

Tương thích trình duyệt

Xem thêm

• thuộc tính fetchpriority
• script element in HTML