Thiết kế web hiện đại thật khó tưởng tượng nếu không có script. Nhờ ngôn ngữ kịch bản, có thể thực hiện nhiều tác vụ khác nhau trong trình duyệt, từ thiết kế giao diện của trang đến kiểm tra thông tin do người dùng nhập. Như trường hợp của các ngôn ngữ khác, bạn nên bắt đầu học java-scriрt với các ví dụ đơn giản nhất.
Hướng dẫn
Bước 1
Bạn nên biết rằng java-script không phải là một phần của HTML, nó là một ngôn ngữ riêng của nó. Nhưng nó được nhúng trong mã trang hoặc một liên kết đến tệp kịch bản được đưa ra trong đó. Để tìm hiểu cách viết các tập lệnh Java, bạn cần một trình soạn thảo HTML có đánh dấu cú pháp. Ví dụ, CuteHTML là một trình soạn thảo nhỏ và rất tiện dụng.
Bước 2
Theo quy luật, việc học ngôn ngữ bắt đầu bằng việc hiển thị cụm từ cổ điển hiện nay "Xin chào, thế giới!" Để hiển thị dòng này trên màn hình trình duyệt, hãy mở trình chỉnh sửa và nhập mã sau vào sau thẻ BODY: Dòng này cho trình duyệt biết rằng JavaScript bắt đầu tại điểm này.
Bước 3
Nhập dòng thứ hai: document.write ("Hello, world!") Dòng này sẽ hiển thị cụm từ "Hello, world!" Trong cửa sổ trình duyệt. Hãy chú ý đến các yếu tố của dòng này: đầu tiên, một dấu hiệu được đưa ra rằng văn bản sẽ được hiển thị. Sau đó, các thông số của văn bản được chỉ định - trong trường hợp này là màu của nó. Các thông số khác có thể được thêm vào, chẳng hạn như kích thước và loại phông chữ.
Bước 4
Kết thúc bằng thẻ java-script: Thẻ này báo hiệu trình duyệt rằng tập lệnh đã hoàn thành. Bây giờ bạn đã nhập tất cả các dòng trong trình chỉnh sửa, hãy nhấp vào nút Xem trong trình duyệt trong trình chỉnh sửa (biểu tượng kính lúp trên nền quả địa cầu). Trong cửa sổ trình duyệt mặc định mở ra, bạn sẽ thấy kết quả của tập lệnh đầu tiên của mình. Xin lưu ý rằng trình duyệt có thể chặn việc thực thi của nó và một cảnh báo tương ứng sẽ xuất hiện. Cho phép trình duyệt chạy các tập lệnh java.
Bước 5
Bạn có thể thay đổi kích thước của văn bản bằng cách chèn vào sau màu ‘ĐỎ’, cách nhau một khoảng trắng, size = 7. Thử nghiệm với kích thước phông chữ bằng cách thay đổi các con số. Thay đổi cả màu - ví dụ: thành 'BLUE'.
Bước 6
Chắc chắn bạn đã thấy các thông báo cảnh báo xuất hiện trên các trang nhiều hơn một lần. Bạn có thể hiển thị một thông báo như vậy bằng java-script. Nhập mã dưới đây vào trình chỉnh sửa. Nó rất đơn giản, vì vậy bạn có thể dễ dàng tìm ra nó. Để có nghiên cứu chi tiết về java-script, hãy tìm kiếm trên internet các hướng dẫn liên quan.
