Các trình duyệt hỗ trợ ba cách khác nhau để thêm JavaScript vào trang của bạn. Các cách khác nhau là bên ngoài, nội tuyến và nội bộ. Chúng ta hãy xem xét từng cách trong số ba cách này
Bên ngoài
Bạn có thể bao gồm bất kỳ tệp JavaScript bên ngoài nào [tệp có phần mở rộng
1] bằng cách gán cho thẻ
2 một thuộc tính
3. Thuộc tính
3 chỉ định vị trí của tệp JavaScript. Thuộc tính
3 có thể được sử dụng để bao gồm các tệp JavaScript từ hệ thống tệp cục bộ hoặc từ web. Thuộc tính
3 cũng có thể được sử dụng để bao gồm các tệp JavaScript từ CDNGiá trị của
3 chỉ là đường dẫn đến tệp bạn muốn đưa vào. Đường dẫn này có thể là cả tương đối, như thế này
hoặc tuyệt đối, như thế này
Đặt thẻ
2 của bạn ngay trước thẻ đóng
5 và bạn đã sẵn sàng để bắt đầuĐây là một ví dụ
External JavaScript
Content here
Nội bộ
JavaScript nội bộ đang nhúng mã trực tiếp vào bên trong thẻ
2 bên trong thẻ
7
Internal JavaScript
alert["I am internal JavaScript!"];
Mã bên trong các thẻ
2 sẽ được trình duyệt thực thi ngay lập tứcnội tuyến
Bạn cũng có thể nhúng JavaScript nội tuyến, chẳng hạn như khi xử lý các sự kiện. Đây là cách bạn có thể thêm trình nghe nhấp chuột vào một liên kết
Click Me
Bảng điều khiển
Điều quan trọng cần lưu ý là trình duyệt của bạn có thể chạy JavaScript thông qua bảng điều khiển tích hợp sẵn
Để truy cập bảng điều khiển của bạn trên Chrome [và hầu hết các trình duyệt nói chung], nhấp chuột phải vào trang và chọn Kiểm tra
Những gì bạn thấy bây giờ là cửa sổ Công cụ dành cho nhà phát triển của bạn. Từ đây, bạn có thể thực hiện nhiều điều thú vị như theo dõi lượng dữ liệu đã được truyền giữa bạn và máy chủ, mất bao lâu và điều chỉnh các kiểu CSS một cách nhanh chóng
Tuy nhiên, điều chúng tôi quan tâm ngay bây giờ là đến với bảng điều khiển. Để làm như vậy, hãy chọn tab Bảng điều khiển ở trên cùng
Sau khi được chọn, bạn có thể viết và thực thi JavaScript ngay lập tức, chẳng hạn như đầu ra in bằng cách sử dụng
9Bảng điều khiển cực kỳ hữu ích vì nhiều lý do và hy vọng bạn sẽ phát triển để trở nên thoải mái khi sử dụng nó
Bình luận
Để lại nhận xét [về cơ bản là văn bản bên trong tệp JavaScript mà trình duyệt bỏ qua] trong JavaScript khá đơn giản
Nhận xét một dòng
Để thêm nhận xét một dòng, bạn chỉ cần thêm hai dấu gạch chéo vào trước nội dung bạn muốn làm nhận xét, như thế này
________số 8Nhận xét nhiều dòng
Khi bạn cần nhận xét của mình trải rộng trên nhiều dòng, chỉ cần đặt nhận xét của bạn sau
External JavaScript
Content here
0 và trước
External JavaScript
Content here
1. Mọi thứ được đặt bên trong hai thứ đó sẽ bị trình duyệt bỏ qua