Thẻ html nào được sử dụng để viết javascript nội tuyến?

Question

Phần tử HTML

<script>
  alert("Hello World!");
</script>

2 hiển thị nội dung của nó được tạo kiểu theo kiểu nhằm chỉ ra rằng văn bản là một đoạn mã máy tính ngắn. Theo mặc định, văn bản nội dung được hiển thị bằng phông chữ đơn cách mặc định của tác nhân người dùng

Nội dung chính Show

Thuộc tính
Thuộc tính
Thuộc tính không dùng nữa
sử dụng cơ bản
dự phòng mô-đun
Nhúng dữ liệu vào HTML
thông số kỹ thuật
Tính tương thích của trình duyệt web
ghi chú tương thích
Mã JavaScript nội tuyến là gì?
Chức năng nội tuyến trong HTML là gì?
Thẻ HTML mà người ta có thể viết mã JavaScript theo đó là gì?
JavaScript và CSS nội tuyến là gì?

Thử nó

Danh mục nội dung Nội dung dòng chảy, nội dung theo cụm từ, nội dung có thể sờ thấy. nội dung được phép nội dung cụm từ. Bỏ sót thẻKhông có, cả thẻ bắt đầu và thẻ kết thúc đều bắt buộc. Cha mẹ được phépBất kỳ phần tử nào chấp nhận nội dung cụm từ. Vai trò ARIA ngầm định Không có vai trò tương ứng Vai trò ARIA được phép Giao diện AnyDOM nào_______43 Lên đến Gecko 1. 9. 2 (Firefox 4), Firefox triển khai giao diện

<script>
  alert("Hello World!");
</script>

4 cho phần tử này

Thuộc tính

Phần tử này chỉ bao gồm các thuộc tính toàn cầu

Thí dụ

Một đoạn văn bản bao gồm

<script>
  alert("Hello World!");
</script>

2

<p>
  The function <code>selectAll()</code> highlights all the text in the input
  field so the user can, for example, copy or delete the text.
</p>

Đầu ra được tạo bởi HTML này trông như thế này

ghi chú

Để thể hiện nhiều dòng mã, hãy bọc phần tử

<script>
  alert("Hello World!");
</script>

2 bên trong phần tử

<script>
  alert("Hello World!");
</script>

7. Bản thân phần tử

<script>
  alert("Hello World!");
</script>

2 chỉ đại diện cho một cụm từ mã hoặc dòng mã

Quy tắc CSS có thể được xác định cho bộ chọn

<script>
  alert("Hello World!");
</script>

9 để ghi đè lên mặt phông chữ mặc định của trình duyệt. Các tùy chọn do người dùng đặt có thể được ưu tiên hơn CSS đã chỉ định

Phần tử HTML

<script>
  alert("Hello World!");
</script>

0 được sử dụng để nhúng mã hoặc dữ liệu thực thi; . Phần tử

<script>
  alert("Hello World!");
</script>

0 cũng có thể được sử dụng với các ngôn ngữ khác, chẳng hạn như ngôn ngữ lập trình đổ bóng GLSL của WebGL và JSON

Danh mục nội dung Nội dung siêu dữ liệu, Nội dung luồng, Nội dung cụm từ. Nội dung được phépTập lệnh động chẳng hạn như

<script>
  alert("Hello World!");
</script>

2. Bỏ sót thẻKhông có, cả thẻ bắt đầu và thẻ kết thúc đều bắt buộc. Cha mẹ được phép Bất kỳ phần tử nào chấp nhận nội dung siêu dữ liệu hoặc bất kỳ phần tử nào chấp nhận nội dung cụm từ. Vai trò ARIA ngầm định Không có vai trò tương ứng Vai trò ARIA được phép Không

<script>
  alert("Hello World!");
</script>

3 được phép Giao diện DOM

<script>
  alert("Hello World!");
</script>

4

Thuộc tính

Phần tử này bao gồm các thuộc tính toàn cục

<script>
  alert("Hello World!");
</script>

5

Đối với các tập lệnh cổ điển, nếu có thuộc tính

<script>
  alert("Hello World!");
</script>

5 thì tập lệnh cổ điển sẽ được tìm nạp song song với quá trình phân tích cú pháp và được đánh giá ngay khi có sẵn

Đối với các tập lệnh mô-đun, nếu có thuộc tính

<script>
  alert("Hello World!");
</script>

5 thì các tập lệnh và tất cả các phần phụ thuộc của chúng sẽ được thực thi trong hàng đợi trì hoãn, do đó chúng sẽ được tìm nạp song song với quá trình phân tích cú pháp và được đánh giá ngay khi có sẵn

Thuộc tính này cho phép loại bỏ JavaScript chặn trình phân tích cú pháp trong đó trình duyệt sẽ phải tải và đánh giá các tập lệnh trước khi tiếp tục phân tích cú pháp.

<script>
  alert("Hello World!");
</script>

2 có tác dụng tương tự trong trường hợp này

Đây là một thuộc tính boolean. sự hiện diện của thuộc tính boolean trên một phần tử biểu thị giá trị thực và sự vắng mặt của thuộc tính biểu thị giá trị sai

Xem Khả năng tương thích của trình duyệt để biết các ghi chú về hỗ trợ trình duyệt. Xem thêm Tập lệnh không đồng bộ cho asm. js

<script>
  alert("Hello World!");
</script>

3

Các phần tử

<script>
  alert("Hello World!");
</script>

4 bình thường chuyển thông tin tối thiểu đến

<script>
  alert("Hello World!");
</script>

5 cho các tập lệnh không vượt qua kiểm tra CORS tiêu chuẩn. Để cho phép ghi nhật ký lỗi cho các trang web sử dụng miền riêng cho phương tiện tĩnh, hãy sử dụng thuộc tính này. Xem các thuộc tính cài đặt CORS để biết giải thích mô tả rõ hơn về các đối số hợp lệ của nó

<script>
  alert("Hello World!");
</script>

2

Thuộc tính Boolean này được đặt để cho trình duyệt biết rằng tập lệnh sẽ được thực thi sau khi tài liệu đã được phân tích cú pháp, nhưng trước khi kích hoạt

<script>
  alert("Hello World!");
</script>

7

Các tập lệnh có thuộc tính

<script>
  alert("Hello World!");
</script>

2 sẽ ngăn sự kiện

<script>
  alert("Hello World!");
</script>

7 kích hoạt cho đến khi tập lệnh được tải và đánh giá xong

Cảnh báo. Không được sử dụng thuộc tính này nếu không có thuộc tính

<script type="module" src="main.js"></script>
<script nomodule src="fallback.js"></script>

0 (i. e. đối với các tập lệnh nội tuyến), trong trường hợp này, nó sẽ không có tác dụng

Thuộc tính

<script>
  alert("Hello World!");
</script>

2 không có tác dụng đối với các tập lệnh mô-đun — chúng trì hoãn theo mặc định

Các tập lệnh có thuộc tính

<script>
  alert("Hello World!");
</script>

2 sẽ thực thi theo thứ tự xuất hiện trong tài liệu

Thuộc tính này cho phép loại bỏ JavaScript chặn trình phân tích cú pháp trong đó trình duyệt sẽ phải tải và đánh giá các tập lệnh trước khi tiếp tục phân tích cú pháp.

<script>
  alert("Hello World!");
</script>

5 có tác dụng tương tự trong trường hợp này

<script type="module" src="main.js"></script>
<script nomodule src="fallback.js"></script>

4 Thử nghiệm

Cung cấp gợi ý về mức độ ưu tiên tương đối để sử dụng khi tìm nạp tập lệnh bên ngoài. Giá trị được phép

<script type="module" src="main.js"></script>
<script nomodule src="fallback.js"></script>

5

Báo hiệu tìm nạp có mức độ ưu tiên cao so với các tập lệnh bên ngoài khác

<script type="module" src="main.js"></script>
<script nomodule src="fallback.js"></script>

6

Báo hiệu tìm nạp có mức độ ưu tiên thấp so với các tập lệnh bên ngoài khác

<script type="module" src="main.js"></script>
<script nomodule src="fallback.js"></script>

7

Mặc định. Tín hiệu tự động xác định mức độ ưu tiên tìm nạp so với các tập lệnh bên ngoài khác

<script type="module" src="main.js"></script>
<script nomodule src="fallback.js"></script>

8

Thuộc tính này chứa siêu dữ liệu nội tuyến mà tác nhân người dùng có thể sử dụng để xác minh rằng tài nguyên được tìm nạp đã được phân phối mà không bị thao tác ngoài ý muốn. Xem tính toàn vẹn của tài nguyên con

<script type="module" src="main.js"></script>
<script nomodule src="fallback.js"></script>

9

Thuộc tính Boolean này được đặt để chỉ ra rằng tập lệnh không nên được thực thi trong các trình duyệt hỗ trợ mô-đun ES — trên thực tế, thuộc tính này có thể được sử dụng để phân phát tập lệnh dự phòng cho các trình duyệt cũ hơn không hỗ trợ mã JavaScript mô-đun

<script>
  alert("Hello World!");
</script>

80

Một nonce mật mã (số được sử dụng một lần) để cho phép các tập lệnh trong script-src Content-Security-Policy. Máy chủ phải tạo một giá trị nonce duy nhất mỗi khi nó truyền một chính sách. Điều quan trọng là cung cấp một nonce không thể đoán được vì việc bỏ qua chính sách của tài nguyên là chuyện nhỏ

<script>
  alert("Hello World!");
</script>

81

Cho biết liên kết giới thiệu nào sẽ gửi khi tìm nạp tập lệnh hoặc tài nguyên do tập lệnh tìm nạp

<script>
  alert("Hello World!");
</script>

82. Tiêu đề

<script>
  alert("Hello World!");
</script>

83 sẽ không được gửi

<script>
  alert("Hello World!");
</script>

84. Tiêu đề

<script>
  alert("Hello World!");
</script>

83 sẽ không được gửi tới nguồn gốc nếu không có TLS (HTTPS)

```
<script>
  alert("Hello World!");
</script>
```
86. Người giới thiệu đã gửi sẽ được giới hạn ở nguồn gốc của trang giới thiệu. sơ đồ, máy chủ và cổng của nó
```
<script>
  alert("Hello World!");
</script>
```
87. Liên kết giới thiệu được gửi đến các nguồn gốc khác sẽ được giới hạn ở lược đồ, máy chủ lưu trữ và cổng. Điều hướng trên cùng một gốc sẽ vẫn bao gồm đường dẫn
```
<script>
  alert("Hello World!");
</script>
```
88. Một liên kết giới thiệu sẽ được gửi cho cùng một nguồn gốc, nhưng các yêu cầu có nhiều nguồn gốc sẽ không chứa thông tin liên kết giới thiệu
```
<script>
  alert("Hello World!");
</script>
```
89. Chỉ gửi nguồn gốc của tài liệu dưới dạng liên kết giới thiệu khi mức bảo mật giao thức không thay đổi (HTTPS→HTTPS), nhưng không gửi nó tới đích kém an toàn hơn (HTTPS→HTTP)
```
<script>
  alert("Hello World!");
</script>
```
00 (mặc định). Gửi một URL đầy đủ khi thực hiện một yêu cầu có cùng nguồn gốc, chỉ gửi nguồn gốc khi mức độ bảo mật của giao thức không thay đổi (HTTPS→HTTPS) và không gửi tiêu đề tới đích kém an toàn hơn (HTTPS→HTTP)
```
<script>
  alert("Hello World!");
</script>
```
01. Người giới thiệu sẽ bao gồm nguồn gốc và đường dẫn (chứ không phải đoạn, mật khẩu hoặc tên người dùng). Giá trị này không an toàn vì nó làm rò rỉ nguồn gốc và đường dẫn từ tài nguyên được bảo vệ bằng TLS đến nguồn gốc không an toàn

Ghi chú. Giá trị chuỗi trống (

<script>
  alert("Hello World!");
</script>

02) vừa là giá trị mặc định vừa là giá trị dự phòng nếu không hỗ trợ

<script>
  alert("Hello World!");
</script>

81. Nếu

<script>
  alert("Hello World!");
</script>

81 không được chỉ định rõ ràng trên phần tử

<script>
  alert("Hello World!");
</script>

0, nó sẽ áp dụng chính sách giới thiệu cấp cao hơn, tôi. e. một bộ trên toàn bộ tài liệu hoặc miền. Nếu không có chính sách cấp cao hơn, thì chuỗi trống được coi là tương đương với

<script>
  alert("Hello World!");
</script>

00

<script type="module" src="main.js"></script>
<script nomodule src="fallback.js"></script>

0

Thuộc tính này chỉ định URI của tập lệnh bên ngoài;

<script>
  alert("Hello World!");
</script>

08

Thuộc tính này cho biết loại tập lệnh được đại diện. Giá trị của thuộc tính này sẽ thuộc một trong các loại sau

Bị bỏ qua hoặc một loại JavaScript MIME. Điều này cho biết tập lệnh là JavaScript. Đặc tả HTML kêu gọi các tác giả bỏ qua thuộc tính thay vì cung cấp loại MIME dự phòng. Trong các trình duyệt trước đó, điều này đã xác định ngôn ngữ kịch bản của mã được nhúng hoặc nhập (thông qua thuộc tính
```
<script type="module" src="main.js"></script>
<script nomodule src="fallback.js"></script>
```
0). Các loại MIME JavaScript được liệt kê trong đặc tả
```
<script>
  alert("Hello World!");
</script>
```
00. Làm cho mã được coi là một mô-đun JavaScript. Việc xử lý nội dung tập lệnh bị hoãn lại. Các thuộc tính
```
<script>
  alert("Hello World!");
</script>
```
01 và
```
<script>
  alert("Hello World!");
</script>
```
2 không có hiệu lực. Để biết thông tin về cách sử dụng
```
<script>
  alert("Hello World!");
</script>
```
00, hãy xem hướng dẫn mô-đun JavaScript của chúng tôi. Không giống như tập lệnh cổ điển, tập lệnh mô-đun yêu cầu sử dụng giao thức CORS để tìm nạp nguồn gốc chéo
Bất kỳ giá trị nào khác. Nội dung được nhúng được coi là một khối dữ liệu sẽ không được trình duyệt xử lý. Nhà phát triển phải sử dụng loại MIME hợp lệ không phải là loại MIME JavaScript để biểu thị các khối dữ liệu. Thuộc tính
```
<script type="module" src="main.js"></script>
<script nomodule src="fallback.js"></script>
```
0 sẽ bị bỏ qua

Thuộc tính không dùng nữa

<script>
  alert("Hello World!");
</script>

01 Không dùng nữa

Nếu có, giá trị của nó phải là một kết hợp không phân biệt chữ hoa chữ thường ASCII cho "

<script>
  alert("Hello World!");
</script>

06". Không cần chỉ định thuộc tính

<script>
  alert("Hello World!");
</script>

01 vì tài liệu phải sử dụng UTF-8 và phần tử

<script>
  alert("Hello World!");
</script>

4 kế thừa mã hóa ký tự của nó từ tài liệu

<script>
  alert("Hello World!");
</script>

09 Không dùng nữa Không chuẩn

Giống như thuộc tính

<script>
  alert("Hello World!");
</script>

08, thuộc tính này xác định ngôn ngữ kịch bản được sử dụng. Tuy nhiên, không giống như thuộc tính

<script>
  alert("Hello World!");
</script>

08, các giá trị có thể có của thuộc tính này không bao giờ được chuẩn hóa. Thuộc tính

<script>
  alert("Hello World!");
</script>

08 nên được sử dụng thay thế

ghi chú

Tập lệnh không có thuộc tính

<script>
  alert("Hello World!");
</script>

5,

<script>
  alert("Hello World!");
</script>

2 hoặc

<script>
  alert("Hello World!");
</script>

25, cũng như tập lệnh nội tuyến không có thuộc tính

<script>
  alert("Hello World!");
</script>

25, được tìm nạp và thực thi ngay lập tức, trước khi trình duyệt tiếp tục phân tích cú pháp trang

Tập lệnh phải được cung cấp với loại MIME

<script>
  alert("Hello World!");
</script>

2, nhưng các trình duyệt sẽ khoan dung và chỉ chặn chúng nếu tập lệnh được cung cấp với loại hình ảnh (

<script>
  alert("Hello World!");
</script>

28); . Nếu tập lệnh bị chặn, một

<script>
  alert("Hello World!");
</script>

32 sẽ được gửi đến phần tử, nếu không, một sự kiện

<script>
  alert("Hello World!");
</script>

33 sẽ được gửi

ví dụ

sử dụng cơ bản

Những ví dụ này cho thấy cách nhập tập lệnh (bên ngoài) bằng phần tử

<script>
  alert("Hello World!");
</script>

0

<script>
  alert("Hello World!");
</script>

6

Và các ví dụ sau đây cho thấy cách đặt tập lệnh (nội tuyến) bên trong phần tử

<script>
  alert("Hello World!");
</script>

0

<script>
  alert("Hello World!");
</script>

dự phòng mô-đun

Các trình duyệt hỗ trợ giá trị

<script>
  alert("Hello World!");
</script>

00 cho thuộc tính

<script>
  alert("Hello World!");
</script>

08 sẽ bỏ qua bất kỳ tập lệnh nào có thuộc tính

<script type="module" src="main.js"></script>
<script nomodule src="fallback.js"></script>

9. Điều đó cho phép bạn sử dụng tập lệnh mô-đun đồng thời cung cấp tập lệnh dự phòng được đánh dấu

<script type="module" src="main.js"></script>
<script nomodule src="fallback.js"></script>

9 cho các trình duyệt không hỗ trợ

<script type="module" src="main.js"></script>
<script nomodule src="fallback.js"></script>

Nhúng dữ liệu vào HTML

Bạn cũng có thể sử dụng phần tử

<script>
  alert("Hello World!");
</script>

0 để nhúng dữ liệu vào HTML với kết xuất phía máy chủ bằng cách chỉ định loại MIME không phải JavaScript hợp lệ trong thuộc tính

<script>
  alert("Hello World!");
</script>

08

<script>
  alert("Hello World!");
</script>

8

thông số kỹ thuật

Thông số tiêu chuẩn HTML
# phần tử tập lệnh

Tính tương thích của trình duyệt web

Bảng BCD chỉ tải trong trình duyệt có bật JavaScript. Bật JavaScript để xem dữ liệu

ghi chú tương thích

Trong các trình duyệt cũ hơn không hỗ trợ thuộc tính

<script>
  alert("Hello World!");
</script>

5, các tập lệnh được chèn vào trình phân tích cú pháp sẽ chặn trình phân tích cú pháp; . Trong Firefox 4, thuộc tính DOM của

<script>
  alert("Hello World!");
</script>

5 mặc định là

<script>
  alert("Hello World!");
</script>

44 cho các tập lệnh do tập lệnh tạo, vì vậy hành vi mặc định khớp với hành vi của IE và WebKit

Để yêu cầu các tập lệnh bên ngoài được chèn vào tập lệnh được thực thi theo thứ tự chèn trong các trình duyệt mà

<script>
  alert("Hello World!");
</script>

45 ước tính thành

<script>
  alert("Hello World!");
</script>

44 (chẳng hạn như Firefox 4), hãy đặt

<script>
  alert("Hello World!");
</script>

47 trên các tập lệnh bạn muốn duy trì thứ tự

Cảnh báo. Không bao giờ gọi

<script>
  alert("Hello World!");
</script>

48 từ tập lệnh không đồng bộ. Trong Firefox 3. 6, gọi

<script>
  alert("Hello World!");
</script>

48 có tác dụng khó lường. Trong Firefox 4, việc gọi

<script>
  alert("Hello World!");
</script>

48 từ tập lệnh không đồng bộ không có hiệu lực (ngoài việc in cảnh báo tới bảng điều khiển lỗi)

Mã JavaScript nội tuyến là gì?

Trong JavaScript, hàm nội tuyến là một loại hàm ẩn danh đặc biệt được gán cho một biến, hay nói cách khác, một hàm ẩn danh có tên. JavaScript does not support the traditional concept of inline function like in C or C++. Thus anonymous function and inline function is practically the same.

Chức năng nội tuyến trong HTML là gì?

Phần tử nội tuyến là những phần tử chỉ chiếm không gian được giới hạn bởi các thẻ xác định phần tử, thay vì phá vỡ luồng nội dung . Ghi chú. Phần tử nội tuyến không bắt đầu trên một dòng mới và chỉ chiếm nhiều chiều rộng khi cần thiết.