VietTuts

Tự Học Lập Trình Online

  • Home
  • Java
  • Servlet
  • JSP
  • Struts2
  • Hibernate
  • Spring
  • MyBatis
  • Java WS
  • C
  • C++
  • C#
  • Python
  • PHP
  • Excel
  • VBA
  • Web
    • JavaScript
    • JQUERY
    • JSON
    • AJAX
    • CSS
    • HTML
    • HTML5
    • Node.js
    • Angular 7
  • SQL
    • MySQL
    • SQL Server
  • Misc
    • Eclipse
    • Phần mềm tiện ích
    • Cấu trúc DL&GT
    • Selenium Test

HTML Tuts

HTML là gì? Các thẻ HTML Định dạng trong HTML Tiêu đề trong HTML Đoạn văn trong HTML Liên kết trong HTML Ảnh trong HTML Table trong HTML Danh sách trong HTML Danh sách có thứ tự Danh sách không có thứ tự Danh sách mô tả Form trong HTML Thuộc tính Style Comment trong HTML Bảng màu trong HTML Thuộc tính chung trong HTML

Các thẻ HTML

Thẻ HTML Marquee Thẻ HTML Textarea HTML DOCTYPE Thẻ HTML Title Thẻ HTML meta Thẻ HTML Div Thẻ HTML Pre Thẻ HTML Code Thẻ HTML Label Thẻ HTML Input Thẻ HTML Button Thẻ HTML HR Thẻ HTML BR Thẻ HTML Script Thẻ HTML NoScript Thẻ HTML b Thẻ HTML Quotes

Bài học HTML

Text Link trong HTML Image Link trong HTML Email Link trong HTML Frame trong HTML Iframe trong HTML Block trong HTML Thiết lập màu nền (background) trong HTML Màu trong HTML Font trong HTML Thẻ embed - Đa phương tiện trong HTML Tạo chữ chạy (Marquee) trong HTML Style Sheet trong HTML Sử dụng Javascript trong HTML Layout trong HTML Tổng hợp thuộc tính trong HTML Sự kiện (Event) trong HTML Các Font tham khảo trong HTML Mã hóa ASCII trong HTML Bảng ASCII trong HTML Các thực thể HTML Mã hóa URL trong HTML Mã hóa các ngôn ngữ chuẩn ISO trong HTML Mã hóa ký tự trong HTML

Câu hỏi phỏng vấn

Phỏng vấn HTML
1 / 3
❮ ❯

Sử dụng Javascript trong HTML


Style Sheet trong HTML
Layout trong HTML

Một script là một phần nhỏ trong chương trình mà có thể thêm khả năng tương tác cho trang web của bạn. Ví dụ, một script sẽ tạo ra một hộp cảnh báo pop-up hoặc cung cấp một dropdown menu. Script này có thể được tạo ra bằng cách sử dụng JavaScript hoặc VBScript.

Bạn có thể viết các hàm bằng cách sử dụng bất kỳ ngôn ngữ script nào và sau đó bạn có thể kích hoạt những hàm này bằng cách sử dụng các thuộc tính HTML.

Ngày nay, chỉ có Javascript và các framework liên kết là được sử dụng bởi hầu hết các lập trình viên web, VBScript vẫn không được hỗ trợ bởi các trình duyệt lớn.

Bạn có thể lưu đoạn mã Javascript trong một tệp riêng biệt và sau đó thêm nó vào bên trong tài liệu HTML.


Nội dung chính

  • Sử dụng External Script trong HTML
    • Ví dụ sử dụng External Script trong HTML
  • Sử dụng Internal Script trong HTML
    • Ví dụ sử dụng Internal Script trong HTML
  • Xử lý sự kiện trong HTML
  • Ẩn các Script với các trình duyệt cũ trong HTML
  • Phần tử <noscript> trong HTML
  • Cài đặt ngôn ngữ Script mặc định trong HTML - Thuộc tính content trong HTML

Sử dụng External Script trong HTML

Nếu bạn đang tạo ra một tính năng mà sẽ được sử dụng trong nhiều tài liệu HTML khác nhau, cách tốt nhất là bạn nên lưu trữ nó trong tệp JavaScript riêng, rồi sau đó nhúng vào các tài liệu HTML. Một tệp JavaScript sẽ có đuôi mở rộng là .js và sẽ được bao trong các tệp HTML bằng cách sử dụng thẻ <script>.

Ví dụ sử dụng External Script trong HTML

Dưới đây là một hàm Javascript và được lưu trong script.js.


function hello()
{
    alert("Ví dụ sử dụng External Script trong HTML");
}

Bây giờ, sử dụng tệp Javascript ngoại vi trên trong tài liệu HTML:


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Vi du Javascript External Script</title>
<script src="/html/script.js" type="text/javascript"/></script>
</head>
<body>
<input type="button" onclick="hello();" name="hello" value="Click Me"  />
</body>
</html>

Kết quả:


Sử dụng Internal Script trong HTML

Bạn có thể viết một script code trực tiếp vào trong tài liệu HTML. Thông thường chúng ta lưu code này trong phần header của tài liệu bằng cách sử dụng thẻ <script>, ngoài ra điều này không có giới hạn và bạn có thể đặt đoạn code nguồn trong thẻ <script> trong tài liệu.

Ví dụ sử dụng Internal Script trong HTML


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Sử dụng Internal Script trong HTML</title>
<base href="/html/" />
<script type="text/javascript">
function hello(){
   alert("Ví dụ sử dụng Internal Script trong HTML");
}
</script>
</head>
<body>
<input type="button" onclick="hello();" name="hello" value="Click Me"  />
</body>
</html>

Kết quả:


Xử lý sự kiện trong HTML

Xử lý sự kiện về chuột hay bàn phím. Bạn có thể định nghĩa logic nghiệp vụ của bạn bên trong các hàm xử lý sự kiện (Event Handler). Các hàm này có thể dài ngắn tùy theo các sự kiện và nghiệp vụ bạn cần xử lý.

Dưới đây là ví dụ giải thích cách để viết một event handler. Bạn hãy thử viết một hàm đơn giản trong đầu đề của tài liệu. Chúng ta có thể 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.


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ví dụ xử lý sự kiện trong HTML</title>
<base href="/html/" />
<script type="text/javascript">
function EventHandler(){
   alert("Ví dụ xử lý sự kiện trong HTML");
}
</script>
</head>
<body>
<p onmouseover="EventHandler();">Di chuyển chuột qua dòng này và xem kết quả.</p>
</body>
</html>

Kết quả:

Di chuyển chuột qua dòng này và xem kết quả.


Ẩ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 ngày nay đều hỗ trợ Javascript, nhưng vẫn còn có một vài trình duyệt không hỗ trợ. Nếu một trình duyệt không 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 đã viết) tới người sử dụng. Để ngăn cản điều này, bạn đơn giản có thể đặt các comment xung quanh đoạn code như ở dưới đây:


Ví dụ cho JavaScript:
<script type="text/javascript">
<!--
document.write("Hello Javascript!");
//-->
</script>

Ví dụ cho VBScript:
<script type="text/vbscript">
<!--
document.write("Hello VBScript!")
'-->
</script>

Phần tử <noscript> trong HTML

Bạn cũng có thể cung cấp thông tin thay thế đến người sử dụng khi mà trình duyệt họ sử dụng không hỗ trợ script. Bạn làm điều này bằng cách sử dụng thẻ <noscript>.


Ví dụ cho JavaScript:
<script type="text/javascript">
<!--
document.write("Hello Javascript!");
//-->
</script>
<noscript>
Trình duyệt của bạn không hỗ trợ Javascript!
</noscript>

Ví dụ cho VBScript:
<script type="text/vbscript">
<!--
document.write("Hello VBScript!")
'-->
</script>
<noscript>
Trình duyệt của bạn không hỗ trợ VBScript!
</noscript>

Cài đặt ngôn ngữ Script mặc định trong HTML - Thuộc tính content trong HTML

Có thể có một tình huống khi bạn thêm rất nhiều tệp script và sau cùng sử dụng nhiều thẻ <script>. Bạn có thể cài đặt ngôn ngữ script mặc định cho tất cả 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 xác định ngôn ngữ mỗi khi bạn muốn sử dụng thẻ script trong trang. Dưới đây là một ví dụ:


<meta http-equiv="Content-Script-Type" content="text/JavaScript" />

Ghi nhớ rằng bạn vẫn có thể viết đè lên ngôn ngữ mặc định bởi việc xác định ngôn ngữ trong thẻ script.


Style Sheet trong HTML
Layout trong HTML

Recent Updates

Liên kết css với htmlMã hóa ký tự trong HTMLMã hóa các ngôn ngữ chuẩn ISO trong HTMLMã hóa URL trong HTMLCác thực thể HTMLBảng ASCII trong HTMLMã hóa ASCII trong HTMLCác Font tham khảo trong HTMLSự kiện (Event) trong HTMLTổng hợp thuộc tính trong HTMLLayout trong HTMLSử dụng Javascript trong HTMLSắp Tết 2026 Rồi! - Còn bao nhiêu ngày nữa là đến tết 2026?

VietTuts on facebook

Học Lập Trình Online Miễn Phí - VietTuts.Vn
Danh Sách Bài Học

Học Java | Hibernate | Spring
Học Excel | Excel VBA
Học Servlet | JSP | Struts2
Học C | C++ | C#
Học Python
Học SQL

Bài Tập Có Lời Giải

Bài tập Java
Bài tập C
Bài tập C++
Bài tập C#
Bài tập Python
Ví dụ Excel VBA

Câu Hỏi Phỏng Vấn

201 câu hỏi phỏng vấn java
25 câu hỏi phỏng vấn servlet
75 câu hỏi phỏng vấn jsp
52 câu hỏi phỏng vấn Hibernate
70 câu hỏi phỏng vấn Spring
57 câu hỏi phỏng vấn SQL

Scroll back to top

Copyright © 2016 VietTuts.Vn all rights reserved. | Liên hệ | Chính sách - riêng tư | sitemap.html | sitemap_index.xml