Viết mã javascript xuất thông tin về trình duyệt

Chương trình Hello world! JavaScript

HTML sau có chứa JS, JS này có chức năng viết dòng Hello World! ở cửa sổ trình duyệt.

Hàm document.write() để viết một chuỗi ra văn bản HTML.

Hàm document.write() có thể sử dụng để xuất văn bản text thuần túy, mã HTML hoặc cả hai. Ví dụ định dạng văn bản viết ra bằng thẻ HTML

document.write("
Hello World!
");

Lưu ý: Thẻ

Trong ví dụ trên thẻ

Ví dụ mã JavaScript viết trong file demo.js sau đó file đó được nhúng vào HTML bằng thẻ

Mã tải file ngoài trên bạn có thể đặt trong head hoặc body, bạn đặt ở vị trí nào mà mã JavaScript được chạy.

Sử dụng cách tải JavaScript từ file ngoài có một số lợi ích

• Phân chia độc lập giữa mã HTML và JavaScript để dễ đọc hơn
• Giúp cho mã HTML và JavaSript dễ bảo trì hơn
• Giúp trình duyệt cached file JavaScript để tăng tốc trang.

Ta cũng thường dùng cách này để nạp các thư viện Javascript từ các host khác nhau. Ví dụ thư viện sau https://ajax.googleapis.com/ajax/libs/d3js/5.7.0/d3.min.js bạn muốn tích hợp vào trang mà không cần thiết phải tải .js đó về.

Chú thích trong JavaScript

Chú thích trong JavaScript (các chữ, mã không không được thi hành - bạn viết vào để ghi chú gợi nhớ khi đọc lại code). Bạn có thể viết một dòng chú thích sau ký hiệu // hoặc nhiều dòng chú thích nằm giữa /* chú thích ... */

Chạy JS trong Console

Trong các trình duyệt để hỗ trợ nhà phát triển kiểm tra thử code Javascript, xem log ... chúng đều cung cấp một cửa sổ, nơi đó có một dấu nhắc lệnh để bạn gõ (hoặc dán - paste) mã script mà mã đó sẽ chạy luôn. Bạn có thể mở cửa sổ Console bằng cách:

• Trong Chrome, Firefox gõ phím: CTRL+SHIFT+J
• Trong IE nhấn F12 để xuất hiện công cụ Develope, sau đó nhấn CTRL+2

Ví dụ, mở Console trình duyệt của bạn ra, gõ thử như hình vẽ và xem JS nó hoạt động ra sao (ở hình vẽ có thực hiện gán biến a = 15, b = 25, sau đó thực hiện phép nhân, cuối cùng là popup một thông báo.