Cách để Thêm JavaScript Vào Website HTML - WikiHow

Skip to Content
  • Trang đầu
  • Ngẫu nhiên
  • Duyệt các Chuyên mục
  • Giới thiệu về wikiHow
  • Đăng nhập / Đăng ký
Các chính sáchCách để Thêm JavaScript vào website HTML PDF download Tải về bản PDF Cùng viết bởi Nhân viên của wikiHow PDF download Tải về bản PDF X

Bài viết này có đồng tác giả là đội ngũ biên tập viên và các nhà nghiên cứu đã qua đào tạo, những người xác nhận tính chính xác và toàn diện của bài viết. Nhóm Quản lý Nội dung của wikiHow luôn cẩn trọng giám sát công việc của các biên tập viên để đảm bảo rằng mọi bài viết đều đạt tiêu chuẩn chất lượng cao. Bài viết này đã được xem 11.859 lần.

Trong bài viết này: Các bước Bài viết có liên quan

WikiHow hôm nay sẽ hướng dẫn bạn cách thêm ngôn ngữ lập trình kịch bản JavaScript vào trang web HTML.

Các bước

PDF download Tải về bản PDF
  1. Step 1 Mở một trình chỉnh sửa văn bản đơn giản. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f5\/864267-1.jpg\/v4-460px-864267-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f5\/864267-1.jpg\/v4-728px-864267-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 1 Mở một trình chỉnh sửa văn bản đơn giản. Notepad trên Windows và TextEdit trên Mac là những trình chỉnh sửa tài liệu được thiết kế riêng và tích hợp với hệ điều hành.
    • Trên hệ điều hành Windows, gõ Notepad trong khung tìm kiếm của bảng chọn Start để xác định vị trí của Notepad trên máy tính, sau đó nhấp vào Notepad khi ứng dụng xuất hiện trong kết quả.
    • Trên hệ điều hành Mac, nhấp vào biểu tượng kính lúp ở góc trên bên phải màn hình, gõ TextEdit vào khung tìm kiếm, sau đó nhấp vào TextEdit khi ứng dụng xuất hiện trong kết quả.
  2. Step 2 Bắt đầu bản HTML. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/33\/864267-2.jpg\/v4-460px-864267-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/33\/864267-2.jpg\/v4-728px-864267-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 2 Bắt đầu bản HTML. Soạn các thẻ HTML, bao gồm cặp thẻ đầu trang <head> và </head>, cùng với cặp thẻ nội dung <body> và </body>. Soạn ra tất cả các thẻ cần thiết để bắt đầu một trang web như sau:
      <html> <head> </head> <body> </body> </html>
  3. Step 3 Thêm thẻ kịch bản vào phần đầu của HTML. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/24\/864267-3.jpg\/v4-460px-864267-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/24\/864267-3.jpg\/v4-728px-864267-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 3 Thêm thẻ kịch bản vào phần đầu của HTML. Chèn thẻ <script language="javascript"> vào phần đầu. Thẻ này sẽ cho trình soạn thảo biết rằng bạn muốn sử dụng ngôn ngữ JavaScript để "lập trình" HTML JavaScript. Trong ví dụ này, chúng ta sẽ chào đón người dùng bằng cách dùng thẻ alert.
    • Thêm thẻ kịch bản vào phần HTML đầu của website để chèn JavaScript.
    • Nếu bạn muốn kịch bản tự động chạy khi trang đang được tải thì đừng bao gồm tính năng vào. Nếu muốn truy xuất kịch bản, bạn hãy chèn tính năng vào.
    • <html> <head> <script language="javascript"> alert("Chào mừng bạn đến với trang web.") </script> </head> <body> </body> </html>
  4. Step 4 Sử dụng tính năng JavaScript để truy xuất kịch bản JavaScript. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/2c\/864267-4.jpg\/v4-460px-864267-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2c\/864267-4.jpg\/v4-728px-864267-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 4 Sử dụng tính năng JavaScript để truy xuất kịch bản JavaScript. Nếu biết nơi mà tệp kịch bản có thể được tìm thấy, hãy thêm thuộc tính src= vào thẻ kịch bản và bao gồm địa chỉ hoàn chỉnh của trang web cho tập tin JavaScript.
    • Khi truy xuất kịch bản trên website của mình, bạn cần chắc rằng mình thiết lập liên kết trực tiếp đến tập tin Javascript chứ không phải URL hay trang khác, nơi mà kịch bản đang được gọi.
    • <html> <head> <script type="text/javascript" src="http://www.cpagrip.com/script_include.php?id=2193"> </script> </head> <body> </body> </html>
  5. Step 5 Nhấp vào File trong thanh menu, chọn Save As…  (đối với Windows) hay Save (đối với Mac) để lưu tệp. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6c\/864267-5.jpg\/v4-460px-864267-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6c\/864267-5.jpg\/v4-728px-864267-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 5 Nhấp vào File trong thanh menu, chọn Save As… (đối với Windows) hay Save (đối với Mac) để lưu tệp.
  6. Step 6 Nhấp vào .html trong bảng định dạng thả xuống. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/66\/864267-6.jpg\/v4-460px-864267-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/66\/864267-6.jpg\/v4-728px-864267-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 6 Nhấp vào .html trong bảng định dạng thả xuống.
  7. Step 7 Đặt tên tài liệu và nhấp vào Save. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e7\/864267-7.jpg\/v4-460px-864267-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e7\/864267-7.jpg\/v4-728px-864267-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 7 Đặt tên tài liệu và nhấp vào Save.
  8. Step 8 Nhấp đúp vào tệp để mở tài liệu lên trong trình duyệt. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/de\/864267-8.jpg\/v4-460px-864267-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/de\/864267-8.jpg\/v4-728px-864267-8.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 8 Nhấp đúp vào tệp để mở tài liệu lên trong trình duyệt. Quảng cáo

Cảnh báo

  • Bạn phải xác định loại thẻ MIME trên chuẩn HTML4. Tiến hành bằng cách chèn thuộc tính "type='text/javascript'" vào thẻ <script>. Bạn không cần phải xác định loại thuộc tính đối với chuẩn HTML5.
  • Trên chuẩn HTML3, thay vì chèn "type='text/javascript'", hãy chèn "language='javascript'".

Bài viết wikiHow có liên quan

Tạo một trang web đơn giản với HTMLCách đểTạo một trang web đơn giản với HTML Thiết lập màu nền trong HTMLCách đểThiết lập màu nền trong HTML Nhãn dán trái tim trắng có ý nghĩa gì?Nhãn dán 🤍 (trái tim trắng) có ý nghĩa gì? Sửa màu trong GimpCách đểSửa màu trong Gimp Thu nhỏ màn hình trên máy tínhCách đểThu nhỏ màn hình trên máy tính Thay đổi hình nền GoogleCách đểThay đổi hình nền Google Bắt đầu lập trình trên PythonCách đểBắt đầu lập trình trên Python Tắt McAfeeCách đểTắt McAfee Chèn ảnh bằng HTMLCách đểChèn ảnh bằng HTML Dùng Máy tính không cần chuộtCách đểDùng Máy tính không cần chuột Xoá Bộ nhớ Cache của Trình duyệtCách đểXoá Bộ nhớ Cache của Trình duyệt Xem người theo dõi mới của bạn bè trên InstagramCách đểXem người theo dõi mới của bạn bè trên Instagram Quảng cáo

Về bài wikiHow này

Nhân viên của wikiHow Cùng viết bởi: Nhân viên của wikiHow Người viết bài của wikiHow Bài viết này có đồng tác giả là đội ngũ biên tập viên và các nhà nghiên cứu đã qua đào tạo, những người xác nhận tính chính xác và toàn diện của bài viết. Nhóm Quản lý Nội dung của wikiHow luôn cẩn trọng giám sát công việc của các biên tập viên để đảm bảo rằng mọi bài viết đều đạt tiêu chuẩn chất lượng cao. Bài viết này đã được xem 11.859 lần. Chuyên mục: Máy tính và Điện tử Ngôn ngữ khác Tiếng Tây Ban Nha Tiếng Nga Tiếng Trung Tiếng Thái Tiếng Pháp Tiếng Ả Rập Tiếng Nhật Tiếng Hindi
  • In
Trang này đã được đọc 11.859 lần.

Bài viết này đã giúp ích cho bạn?

Có Không Quảng cáo Cookie cho phép wikiHow hoạt động tốt hơn. Bằng việc tiếp tục sử dụng trang web của chúng tôi, bạn đồng ý với chính sách cookie của chúng tôi.

Bài viết có liên quan

Tạo một trang web đơn giản với HTMLCách đểTạo một trang web đơn giản với HTMLThiết lập màu nền trong HTMLCách đểThiết lập màu nền trong HTMLNhãn dán trái tim trắng có ý nghĩa gì?Nhãn dán 🤍 (trái tim trắng) có ý nghĩa gì?Sửa màu trong GimpCách đểSửa màu trong Gimp

Các bài viết hướng dẫn nổi bật

Xem Instagram riêng tư của người khác mà không cần theo dõi: sự thực và 3 cách thay thếXem Instagram riêng tư của người khác mà không cần theo dõi: sự thực và 3 cách thay thếXem đường chỉ tay hôn nhân: độ dài, độ cong và các đặc điểm riêng biệtXem đường chỉ tay hôn nhân: độ dài, độ cong và các đặc điểm riêng biệtBiết ai đã chia sẻ bài đăng trên Instagram của bạn lên Story của họBiết ai đã chia sẻ bài đăng trên Instagram của bạn lên Story của họ17 dấu hiệu cho biết chàng thầm yêu bạn17 dấu hiệu cho biết chàng thầm yêu bạn

Các bài viết hướng dẫn phổ biến

Tìm kiếm thông tin về ai đó bằng hình ảnhCách đểTìm kiếm thông tin về ai đó bằng hình ảnhEmoji 🗿 (biểu tượng mặt đá) có ý nghĩa gì?Emoji 🗿 (biểu tượng mặt đá) có ý nghĩa gì?Phù phép trong MinecraftCách đểPhù phép trong MinecraftBật xem trước ảnh trong thư mục (Windows 10)Cách đểBật xem trước ảnh trong thư mục (Windows 10)Chuyển từ thập phân sang thập lục phânCách đểChuyển từ thập phân sang thập lục phânDùng thẻ màu chữ trên HTMLCách đểDùng thẻ màu chữ trên HTML

Các bài viết hướng dẫn nổi bật

3 cách đơn giản giúp bạn đăng nhập Instagram không cần mã xác minh3 cách đơn giản giúp bạn đăng nhập Instagram không cần mã xác minh15 dấu hiệu kín đáo cho thấy nàng bị bạn thu hút15 dấu hiệu kín đáo cho thấy nàng bị bạn thu hútPhải làm gì khi con gái không trả lời tin nhắn của bạn: 13 kiểu tin nhắn mà bạn có thể gửi cho cô ấyPhải làm gì khi con gái không trả lời tin nhắn của bạn: 13 kiểu tin nhắn mà bạn có thể gửi cho cô ấyChọn thuê người yêu đóng thế: 8 lời khuyên dành cho bạnChọn thuê người yêu đóng thế: 8 lời khuyên dành cho bạn

Các bài viết hướng dẫn nổi bật

Xem video đã xóa trên YouTube bằng WayBack MachineXem video đã xóa trên YouTube bằng WayBack MachineXem ai không theo dõi lại bạn trên InstagramXem ai không theo dõi lại bạn trên Instagram15 dấu hiệu tiết lộ người cũ sẽ quay lại với bạn15 dấu hiệu tiết lộ người cũ sẽ quay lại với bạn175 câu bắt chuyện thú vị và hấp dẫn để tiêu khiển với bạn bè175 câu bắt chuyện thú vị và hấp dẫn để tiêu khiển với bạn bè

Các bài viết hướng dẫn nổi bật

5 cách để tìm một người trên Tinder5 cách để tìm một người trên TinderĂn chuối để thải độc đường ruộtĂn chuối để thải độc đường ruột5 cách dễ dàng để biết ai đó đã chặn bạn trên Discord5 cách dễ dàng để biết ai đó đã chặn bạn trên DiscordKể về bản thân trên ứng dụng hẹn hòKể về bản thân trên ứng dụng hẹn hò

Các bài viết hướng dẫn nổi bật

Tại sao một anh chàng cứ nhìn bạn chằm chằm? 11 lý do và cách phản hồiTại sao một anh chàng cứ nhìn bạn chằm chằm? 11 lý do và cách phản hồi14 dấu hiệu cho thấy chàng muốn tính chuyện lâu dài với bạn14 dấu hiệu cho thấy chàng muốn tính chuyện lâu dài với bạn70+ câu trả lời thú vị, ngọt ngào và lãng mạn khi người yêu hỏi bạn yêu họ nhiều như thế nào70+ câu trả lời thú vị, ngọt ngào và lãng mạn khi người yêu hỏi bạn yêu họ nhiều như thế nào9 cách đơn giản giúp bạn nhận biết người có nhiều tài khoản Instagram9 cách đơn giản giúp bạn nhận biết người có nhiều tài khoản Instagram wikiHow
  • Chuyên mục
  • Máy tính và Điện tử
  • Trang chủ
  • Giới thiệu về wikiHow
  • Các chuyên gia
  • Liên hệ với chúng tôi
  • Sơ đồ Trang web
  • Điều khoản Sử dụng
  • Chính sách về Quyền riêng tư
  • Do Not Sell or Share My Info
  • Not Selling Info

Theo dõi chúng tôi

--313

Từ khóa » Cách Chèn File Javascript Vào Html