Người Viết : ViKiMi Editor
Những điều căn bản khi bạn làm việc với ngôn ngữ JavaScript lập trình Website hiệu quả
Có vẻ như không còn quá mới khi nhắc đến ngôn ngữ JavaScript khi lập trình Website. Tuy nhiên, Nếu bạn muốn làm việc lâu dài trên một môi trường lập trình Website thì nó là một món mà bạn không thể có lựa chọn khác. Một ngôn ngữ phổ biến và phổ thông cũng như có thể thực hiện nhiều nhiệm vụ đó chính là JavaScript. Bạn nên làm quen với JavaScript!
Ngôn ngữ JavaScript luôn hữu ích và thời gian nắm bắt vô cùng ngắn!
Lời khuyên là bạn nên làm quen với nó và sử dụng thành thạo để có thể trở thành một lập trình chuyên nghiệp.
+ Những ngôn ngữ mà bạn nên làm quen khi lập trình Web :
[ – ] 1. HTML dùng thiết lập nội dung Website
[ – ] 2. CSS dùng chỉ định bố cục của Website
[ – ] 3. JavaScript lập trình thiết lập các hành vi của Website
+ JavaScript là ngôn ngữ lập trình Website dễ nắm bắt chỉ trong thời gian ngắn. Là ngôn ngữ lập trình bỏ túi của tất cả LTV
Chúng ta có thể tham khảo một ví dụ dưới đây :
+ Ví dụ sử dụng JavaScript, ngôn ngữ được hỗ trợ bởi hầu hết các trình duyệt. Phần Code được màu xanh bên dưới.
+ Ở đây sử dụng Function cung cấp bởi JavaScript lấy về thời gian hiện tại và hiển thị tại phần tử HTML có id = “demo”
<!DOCTYPE html> <html> <body> <h2>Chương Trình JavaScript đầu tiên !</h2> <button type="button" onclick="document.getElementById('demo').innerHTML = Date()"> Hiển Thị Ngày/ Tháng/ Năm hiện tại.</button> <p id="demo"></p> </body> </html>
Chương Trình JavaScript đầu tiên !
Có thể thấy cách sử dụng đơn giản & dễ hiểu.
Nhưng chúng ta sẽ quan tâm cách sử dụng JavaScript làm sao nhanh và thuận tiện nhất.
1. Vậy JavaScript có thể đặt tại vị trí nào trên Website để nó giúp thực hiện các hành vi của Website?
Hay có thể hỏi cách khác rằng Bạn có thể đặt JavaScript tại đâu trên Website để nó hoạt động và không xảy ra lỗi gì cả.
[ – ] Cách tối ưu, Mã JavaScript được chèn giữa các thẻ <script> và </script> trong trang HTML. Và bạn chỉ cần lập trình để nó hoạt động đúng cách.
Ở ví dụ phía trên là cách làm việc có thể thực hiện và ít khi được sử dụng, ít được ưu tiên.
Bây giờ, chúng ta sẽ xem một ví dụ mà bạn có thể thấy cách dùng JavaScript tối ưu :
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript được đặt trong thẻ script ở cuối body !</h2>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Chạy Chương Trình JavaScript";
</script>
</body>
</html>
2. Vậy thẻ <script> </script> chứa mã JavaScript có thể đặt tại vị trí nào trên Website là tối ưu?
– Chúng ta cần tìm vị trí đặt thẻ <script> </script> để thực hiện chương trình JavaScript tốt nhất. Như vậy Chương trình & hành vi của Website sẽ được đảm bảo đúng cách.
Bạn có thể đặt JavaScript trong phần <head> hoặc <body> trong tài liệu HTML. Và không giới hạn số lượng tập lệnh có thể đặt vào :
[+] Tập lệnh có thể được đặt trong phần <body>
[+] Tập lệnh có thể được đặt trong phần <head> của trang HTML hoặc trong cả hai
Thông thường, Bạn nên đặt JavaScript tại cuối cùng của Body để đảm bảo các chức năng của Website thực hiện bởi JavaScript sẽ diễn ra khi toàn bộ tài liệu đã được tải xong.
Example 1 : Tập lệnh được đặt trong phần Head
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Đoạn văn bản được thay đổi.";
}
</script>
</head>
<body>
<h2>JavaScript được đặt tại Head</h2>
<p id="demo">Đoạn văn bản</p>
<button type="button" onclick="myFunction()"> Click Button </button>
</body>
</html>
Example 2 : Tập lệnh được đặt trong phần Body
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript được đặt tại Body</h2>
<p id="demo"> Đoạn văn bản </p>
<button type="button" onclick="myFunction()"> Click Button </button>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = " Đoạn văn bản được thay đổi.";
}
</script>
</body>
</html>
3. Bạn có thể sử dụng JavaScript bằng các tệp mở rộng bên ngoài hay không? Và điều này có hữu ích ?
Các tập lệnh bên ngoài rất hữu ích khi cùng một mã được sử dụng trong nhiều trang web khác nhau. Nó giúp bạn tiết kiêm thời gian và quản lý, bảo trì mã Lập trình. Các tệp JavaScript được lưu trong bộ nhớ cache có thể tăng tốc độ tải trang.
Các tệp mở rộng JavaScript có phần mở rộng tệp .js.
Khi bạn sử dụng tệp JavaScript mở rộng, để sử dụng nó bạn hãy chỉ định đường dẫn của nó vào thuộc tính src (Nguồn) của thẻ <script>
Tập lệnh bên ngoài không thể chứa thẻ <script> vì nó gây lỗi chương trình.
[ + ] Và vị trí để đặt câu lệnh JavaScript vẫn như trên, đó là Head và Body
Example :
<script src="myFunctions.js"></script>
Bạn có thể tạo nhiều File mở rộng khác nhau tuỳ theo yêu cầu lập trình.
LƯU Ý : Bạn có thể chỉ định kiểu cho thẻ <script> như sau ( nhưng không bắt buộc ) :
<script type="text/javascript"> </script> 
