Sử dụng javascript trong html là một trong những từ khóa được search nhiều nhất trên google về chủ đề sử dụng javascript trong html. Trong bài viết này, xaydungweb.vn sẽ viết bài viết hướng dẫn cách sử dụng javascript trong html cho người mới.
Cách sử dụng javascript trong html cho người mới.
Dùng External Script trong HTML
Nếu bạn đang sẵn sàng xác định một chức năng mà sẽ được sử dụng trong các ebook HTML khác nhau, thì khi đó nó là tốt hơn nếu giữ các tính năng này trong một tệp JavaScript riêng, rồi sau đó bao tệp đó trong các ebook HTML của bạn. Một tệp JavaScript sẽ có đuôi xây dựng rộng là .js và sẽ được bao trong các tệp HTML bằng mẹo sử dụng thẻ
type=”button”onclick=”Hello();”name=”ok”value=”Click Me”/>
Nó tạo hiệu quả sau, và bạn đủ nội lực nhấn vào nút đang cho:
Sử dụng Internal Script trong HTML
Bạn đủ sức viết một script code một phương pháp trực tiếp vào trong ebook HTML. Thông thường chúng ta giữ code này trong Header của tài liệu bằng hướng dẫn sử dụng thẻ
type=”button”onclick=”Hello();”name=”ok”value=”Click Me”/>
Nó tạo kết quả sau, và bạn đủ sức nhấn vào nút đang cho:
Xử lí sự kiện trong HTML
Xử lí sự kiện thường gắn các sự kiện nào về chuột hay bàn phím. Bạn có thể khái niệm logic nghiệp vụ của bạn bên trong các hàm giải quyết sự kiện (Event Handler). Các hàm này đủ nội lực dài ngắn tùy theo các sự kiện và nghiệp vụ bạn cần giải quyết.
Dưới đây là ví dụ lý giải hướng dẫn để viết một sự kiện handler. Bạn hãy thử viết một hàm đơn giản trong đầu đề của ebook. Chúng ta đủ sức gọi hàm này khi bất kỳ người sử dụng rê chuột qua một đoạn văn.
Vi du sự kiện Handler trong HTMLhref=”../html/”/>onmouseover=”EventHandler();”>Re chuot qua dong nay va xem ket qua.
Đoạn mã trên sẽ tạo ra kết quả sau:
Re chuot qua dong nay va xem ket qua.
Ẩn các Script với các Trình duyệt cũ trong HTML
Mặc dù hầu hết (không phải tất cả) các trình duyệt hiện tại đều support Javascript, nhưng luôn luôn còn có một vài trình duyệt k hỗ trợ. Nếu một trình duyệt k hỗ trợ Javascript, thay vì chạy script của bạn, thì trình duyệt sẽ hiển thị phần code (bạn đang viết) tới người sử dụng. Để ngăn cản điều này, bạn không khó khăn đủ sức đặt các bình luận xung quanh đoạn code giống như ở dưới đây:
Ví dụ cho JavaScript:<script type="text/javascript">script>Ví dụ cho VBScript:<script type="text/vbscript">
Phần tử
Định hình ngôn ngữ Script mặc định trong HTML – tính chất nội dung trong HTML
có thể có một tình huống khi bạn bao rất nhiều tệp script và sau cùng dùng nhiều thẻ. Bạn có thể xác định ngôn ngữ script mặc định cho all các thẻ script này. Việc này tiết kiệm cho bạn thời gian từ việc phải dựng lại ngôn ngữ mỗi khi bạn mong muốn sử dụng thẻ script trong trang. Dưới đây là một ví dụ:
http-equiv="Content-Script-Type"content="text/JavaScript"/>
Ghi nhớ rằng bạn luôn luôn đủ nội lực viết đè lên ngôn ngữ mặc định bởi việc định hình ngôn ngữ trong thẻ script.
Nguồn: vietjack.com