Hướng dẫn how do you write an inline script in html? - làm thế nào để bạn viết một tập lệnh nội tuyến trong html?

Tôi biết đây là thực hành xấu. Đừng viết mã như thế này nếu có thể.

Tất nhiên, chúng ta sẽ luôn thấy mình trong các tình huống trong đó một đoạn thông minh của JavaScript nội tuyến có thể giải quyết một vấn đề một cách nhanh chóng.

Tôi đang theo đuổi truy vấn này vì lợi ích của việc hiểu đầy đủ những gì xảy ra (và những cạm bẫy tiềm năng) khi một cái gì đó như thế này được viết:

Click Me

Theo như tôi có thể nói điều này có chức năng giống như

Click Me

Ngoại suy từ điều này, dường như chuỗi được gán cho thuộc tính onclick được chèn trong một hàm ẩn danh được gán cho trình xử lý nhấp chuột của phần tử. Đây thực sự là trường hợp?

Bởi vì tôi bắt đầu làm những việc như thế này:

Display my next sibling  

Mà hoạt động. Nhưng tôi không biết đây là bao nhiêu vụ hack. Có vẻ đáng ngờ vì không có chức năng rõ ràng nào được trả lại từ!

Bạn có thể hỏi, tại sao bạn lại làm điều này, Steve? Inline JS là thực hành xấu!

Thành thật mà nói, tôi mệt mỏi khi chỉnh sửa ba phần mã khác nhau chỉ để sửa đổi một phần của một trang, đặc biệt là khi tôi chỉ tạo mẫu một cái gì đó để xem nó có hoạt động không. Nó dễ dàng hơn nhiều và đôi khi thậm chí còn có ý nghĩa đối với mã liên quan cụ thể đến yếu tố HTML này được xác định ngay trong yếu tố: khi tôi quyết định 2 phút sau đó là một ý tưởng khủng khiếp, khủng khiếp, tôi có thể tìm thấy toàn bộ div (hoặc bất cứ điều gì ) Và tôi không có một loạt các JS và CSS bí ẩn treo xung quanh trong phần còn lại của trang, làm chậm kết xuất một chút. Điều này tương tự như khái niệm địa phương của tài liệu tham khảo nhưng thay vì nhớ bộ đệm, chúng tôi đang xem xét lỗi và mã vạch.

Thí dụ

Viết "Xin chào JavaScript!" với JavaScript:

Document.getEuityById ("Demo"). Internhtml = "Xin chào JavaScript!";
document.getElementById("demo").innerHTML = "Hello JavaScript!";

Hãy tự mình thử »

Định nghĩa và cách sử dụng

Thẻ