[Javascript] Cách chèn JavaScript vào trang Web

Đánh giá: 100%

Có

100/ 100 100 bình chọn

KhanhSociu
Cấp bậc: mem

JavaScript có thể được chèn vào thẻ <head> hoặc thẻ <body> của trang HTML.

Thẻ <script>
Trong HTML, JavaScript phải được chèn giữa các thẻ <script> và </script>
Ví dụ:
Mã:

Copy code

Thẻ <script> có thể có thêm thuộc tính type="text/javascript". Tuy nhiên hiện tại việc này là không cần thiết. Nhưng nếu bạn đặt thuộc tính type sai thì đoạn JavaScript trong thẻ đó sẽ không hoạt động.

Hàm và Sự kiện JavaScript
- Hàm JavaScript là một khối lệnh JavaScript. Hàm JavaScript sẽ thực hiện khi được gọi.
- Một hàm có thể thực hiện khi có một sự kiện xảy ra, ví dụ như khi người dùng click vào một nút.

JavaScript trong <head> or <body>
Bạn có thể đặt tùy ý số lượng JavaScript trong một trang HTML.
JavaScript có thể được đặt vào <head> hoặc <body> hoặc cả hai. Tuy nhiên bạn nên đặt tất cả JavaScript vào một vị trí nếu có thể. Đó luôn là một thói quen tốt.

Ví dụ về hàm và sự kiện JavaScript:
Mã:

<p id="demo">Đoạn văn bản.</p>
<button type="button" onclick="myFunction()">Test</button>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Đoạn văn bản mới.";
}
</script>

Copy code

Nên đặt JavaScript ở cuối cùng của trang Web, như vậy sẽ làm tăng tốc độ tải trang.

JavaScript ngoại tuyến
- JavaScript cũng có thể được chèn vào từ tập tin bên ngoài. Điều này rất tốt nếu như có những hàm JavaScript được sử dụng ở nhiều trang khác nhau.
- Tập tin JavaScript có phần mở rộng là .js.
- Để sử dụng JavaScript ngoại tuyến, đặt đường dẫn của tập tin JavaScript đó vào thuộc tính src (source) của thẻ <script>:
Mã:

Copy code

- Bạn có thể đặt JavaScript ngoại tuyến vào thẻ <head> hoặc <body> tùy ý.
- JavaScript sẽ hoạt động tương tự như nó được đặt ngay trong thẻ <script>.

Chú ý: tập tin JavaScript không thể chứa thẻ <script>.

Ưu điểm của tập tin JavaScript:
- Tách rời HTML và JavaScript
- Giúp cho HTML và JavaScript dễ dàng đọc và chỉnh sửa
- Tập tin JavaScript có thể được lưu vào Cache giúp tăng tốc độ tải trang

[Javascript] Cách chèn JavaScript vào trang Web

Tổng số: 1

Chia sẻ:

BBCode:

Link:

Từ khóa: chèn , [Javascript] , chèn , trang , trang , JavaScript

Trực tuyến

BOT , 1 khách ghé thăm

Ping sitemap|Robots.txt|Sitemap.Xml