JavaScript trong HTML thường dùng thẻ <script>...</script> hoặc file external. Có cách thứ ba: inline JavaScript — viết code JS trực tiếp vào thuộc tính sự kiện HTML (VD: onclick).
Ví dụ
<p>
<a href="#" onclick="alert('Xin chào thế giới!');">
Nhấn vào đây
</a>
</p>
⚠ Cảnh báo: Inline JavaScript KHÔNG được khuyến khích theo chuẩn lập trình hiện đại vì:
- Lẫn logic vào HTML (vi phạm tách biệt concerns).
- Khó bảo trì, debug, tái sử dụng.
- Không tận dụng cache trình duyệt.
- Rủi ro XSS (Cross-Site Scripting) nếu dữ liệu không được escape.
- Content Security Policy (CSP) thường chặn inline script.
Cách thay thế tốt hơn:
<!-- HTML -->
<button id="myBtn">Nhấn tôi</button>
<!-- JS riêng (file hoặc <script>) -->
<script>
document.getElementById('myBtn').addEventListener('click', () => {
alert('Xin chào thế giới!');
});
</script>
Chỉ dùng inline JS cho các trường hợp cực nhỏ, prototype nhanh, hoặc email HTML (nơi JS external không chạy).