Ví dụ Javascript rất dễ viết mã. JavaScript cung cấp 3 vị trí để đặt mã JavaScript. trong thẻ body, trong thẻ head và tệp JavaScript bên ngoài

Hãy tạo ví dụ JavaScript đầu tiên

Kiểm tra nó ngay bây giờ

Thẻ script chỉ định rằng chúng tôi đang sử dụng JavaScript

Text/javascript là kiểu nội dung cung cấp thông tin cho trình duyệt về dữ liệu

Tài liệu. write[] được sử dụng để hiển thị nội dung động thông qua JavaScript. Chúng ta sẽ tìm hiểu chi tiết về đối tượng tài liệu sau

3 Nơi để đặt mã JavaScript

1. Giữa thẻ body của html
2. Giữa thẻ đầu của html
3. Trong. js [javaScript bên ngoài]

1] Ví dụ JavaScript. mã giữa thẻ body

Trong ví dụ trên, chúng tôi đã hiển thị nội dung động bằng JavaScript. Hãy xem ví dụ đơn giản về JavaScript hiển thị hộp thoại cảnh báo

Kiểm tra nó ngay bây giờ

2] Ví dụ JavaScript. mã giữa thẻ đầu

Hãy xem ví dụ tương tự về hiển thị hộp thoại cảnh báo của JavaScript được chứa bên trong thẻ đầu

Trong ví dụ này, chúng ta đang tạo một hàm msg[]. Để tạo hàm trong JavaScript, bạn cần viết hàm với tên_hàm như bên dưới

Để theo dõi khóa học này, bạn cần biết cách thức và nơi bạn chạy mã JavaScript của mình. Bạn có một số tùy chọn để chạy chương trình chào thế giới đầu tiên của mình

Mở trình chỉnh sửa của bạn và tạo một tệp có tên index.js

file_type_js chỉ mục. js

console.log['hello world']

Cách chạy JavaScript từ dòng lệnh

Chạy một chương trình JS từ dòng lệnh được xử lý bởi NodeJS. Bắt đầu bằng cách cài đặt NodeJS trên máy cục bộ nếu cần

1. Cài đặt nút. js

Bây giờ, chỉ cần mở dòng lệnh trong cùng thư mục với tập lệnh index.js mà bạn đã tạo [VS Code sẽ tự động thực hiện việc này với thiết bị đầu cuối tích hợp]

dòng lệnh

node .

// or 

node index.js

Cách chạy JavaScript từ trình duyệt

Khi mọi người nghĩ về “JavaScript”, họ thường nghĩ đến một trình duyệt web. Bạn có thể chạy mã trong trình duyệt bằng cách tạo tệp HTML tham chiếu tập lệnh. Trong trường hợp của chúng tôi, chúng tôi đã sử dụng tùy chọn

node .

// or 

node index.js

0, tùy chọn này sẽ thực thi JS sau khi tải xong tệp HTML

Chạy tập lệnh từ tệp HTML

file_type_html chỉ mục. html

Bây giờ, chỉ cần mở tệp HTML này trên máy cục bộ của bạn và mở bảng điều khiển dành cho nhà phát triển [bước tiếp theo] để xem đầu ra

Kiểm tra bảng điều khiển trình duyệt

Trong Chrome, bạn có thể mở bảng điều khiển dành cho nhà phát triển bằng

node .

// or 

node index.js

1 [Windows] hoặc

node .

// or 

node index.js

2 [Mac] hoặc thủ công từ menu cài đặt bằng cách chọn Công cụ khác -> Công cụ dành cho nhà phát triển. Bảng điều khiển cho phép bạn chạy mã trong trình duyệt, tương tự như cách

Đầu ra của bảng điều khiển trình duyệt trong Chrome

Chạy JavaScript với Framework

Điều đáng nói là các framework như React, Angular, Svelte, v.v. sẽ tự động đảm nhiệm việc xây dựng và chạy ứng dụng của bạn, đồng thời cung cấp công cụ và các bước dành riêng cho framework để chạy mã. Trong thế giới thực, bạn có nhiều khả năng sử dụng các công cụ do khung cung cấp để chạy mã của mình hơn là các phương pháp cơ bản được trình bày trong khóa học này

Chạy JavaScript trong Sandbox

Khóa học này sử dụng StackBlitz để chạy các ví dụ về mã JS trong hộp cát riêng biệt trong trình duyệt. Đây là một lựa chọn tuyệt vời để chia sẻ các bản trình diễn nhanh và bản sao vấn đề 💡

Once you have the software in place, you can begin writing JavaScript code. To add JavaScript code to an HTML file, create or open an HTML file with your text/HTML editor. A basic HTML file has a docType and some basic HTML tags, such as , and . For example, a basic HTML5 file might look something like what is shown below.

Testing JavaScript


[Content goes here]

When you see JavaScript code on the Web, you will sometimes see some JavaScript code between the tags. Or, you may see it in the tags [or even in both places]. To separate JavaScript code from HTML code, you need to enclose it within a set of tags. The opening tag has one required attribute and one optional attribute. The required attribute is the type attribute, while the optional attribute is src [which lets you point to an external script file, covered later in this answer]. The value of the type attribute is set to text/javascript, as shown below.

Your JavaScript code goes here.

As you can see, your JavaScript code is placed between the opening and closing script tags. For example script, you could write a simple string of text directly on the web page, as shown below [placed between the and tags].

As you can see, your JavaScript code is placed between the opening and closing script tags. For example script, you could write a simple string of text directly on the web page, as shown below [placed between the and tags].

document.write["Text written using JavaScript code!"];

Trong ví dụ trên, hàm JavaScript tiêu chuẩn hiển thị văn bản giữa các dấu ngoặc kép trên trang. Nó sẽ giống như ví dụ dưới đây

Một tùy chọn khác để đưa JavaScript vào một trang là tạo tập lệnh trong tệp văn bản bên ngoài. Lưu tập tin đó với một. js, biến nó thành tệp JavaScript. Các. js sau đó được đưa vào trang bằng thuộc tính src của thẻ script mở. Ví dụ: để sử dụng tập lệnh ở trên, hãy đặt mã JavaScript [không có thẻ tập lệnh] vào một tệp văn bản mới, như được hiển thị bên dưới

document.write["Text written using JavaScript code!"];

Sau đó, bạn sẽ lưu tệp với một. tiện ích mở rộng js. Chẳng hạn, bạn có thể lưu nó dưới dạng ghi. js. Sau khi tệp được lưu, bạn có thể gọi nó từ mã HTML thông qua thuộc tính src của thẻ script mở, như minh họa bên dưới để ghi. js

Quy trình trên có tác dụng tương tự như viết mã giữa các thẻ tập lệnh, nhưng sẽ không làm lộn xộn mã HTML bằng JavaScript. Một ưu điểm khác là cùng một tập lệnh có thể được bao gồm trong nhiều trang và việc chỉnh sửa tệp tập lệnh sẽ cập nhật tập lệnh trong mỗi trang sử dụng tệp tập lệnh bên ngoài. Chỉnh sửa tệp tập lệnh rất hữu ích vì nó có thể được thực hiện ở một nơi, thay vì chỉnh sửa mã trên mỗi trang chứa tập lệnh

Giờ đây, bạn đã biết cách thêm mã JavaScript vào trang web, bạn có thể sử dụng bất kỳ tập lệnh mẫu JavaScript nào hoặc làm theo hướng dẫn hoặc sách JavaScript để tìm hiểu thêm về mã JavaScript

Làm cách nào để bắt đầu mã JavaScript?

Bạn có thấy JavaScript trong Chrome không?

Các tệp JavaScript được lưu trữ ở đâu?