Chào các bạn , như các bạn đã biết nền tảng web luôn gắn liền với javascript .Vậy Javascript là gì, cú pháp ra sao,hôm nay chúng ta sẽ cùng tìm hiểu nó.
Bài này yêu cầu bạn đã học hoặc biết qua PHP, Java,C .... sẽ giúp bạn dễ dàng nắm vững hơn JavaScripts
Bài viết được tổng hợp từ kiến thức tự học và sưu tầm nên chắc chắn sẽ có sai sót, hi vọng sẽ giúp ích được phần nào cho các bạn
Javascript là một ngôn ngữ lập trình kịch bản dự vào đối tượng phát triển có sẵn hoặc tự định nghĩa ra, javascript được sử dụng rộng rãi trong các ứng dụng Website. Javascript được hỗ trợ hầu như trên tất cả các trình duyệt như Firefox, Chrome, ... thậm chí các trình duyệt trên thiết bị di động cũng phải hỗ trơ nó.JavaScript là một ngôn ngữ lập trình của HTML và WEB. Nó là nhẹ và được sử dụng phổ biến nhất như là một phần của các trang web, mà sự thi hành của chúng cho phép Client-Side script tương tác với người sử dụng và tạo các trang web động. Nó là một ngôn ngữ chương trình thông dịch với các khả năng hướng đối tượng.
Nếu bạn đã biết qua về HTML5 thì bạn thấy có các khái niệm như sessionStore hay localStore, đây là hai đối tượng được tạo nên từ Javascript nên rõ ràng trong HTML5 cũng có sử dụng nó. Với những ứng dụng đó thì bạn thấy javascript không thể chết trong các ứng dụng website được.
Ưu điểm
- Tất cả các trình duyệt kể cả di động đều hỗ trợ
- Nắm bắt được các sự kiện từ người dùng
- Phản hồi ngay lập tức
- Giao diện sinh động hơn nhờ javaScripts
Hạn chế:
- Không có đa luồng
- Không dùng JavaScripts để kết nối mạng giữa các ứng dụng
2.Những thư viện cho JavaScripts
- AngularJS: Một thư viện dùng để xây dựng ứng dụng Single Page
- NodeJS: Một thư viện được phát triển phía Server dùng để xây dựng ứng dụng realtime
- Sencha Touch: Một Framework dùng để xây dựng ứng dụng Mobile
- ExtJS: Một Framework dùng xây dựng ứng dụng quản lý (Web Applications)
- jQuery: Một thư viện rất mạnh về hiểu ứng
Một số trang web tự học JavaScripts khá hay mà mình đã sưu tầm
- Tiếng Việt:
- http://freetuts.net/
- http://vietjack.com/
- http://2school.vn/
- http://myclass.vn/course/lap-trinh-javascript-co-ban/
- Tiếng Anh
3.Cú pháp và cách khai báo trong HTML
- JavaScripts có thể được thực thi bằng các thẻ <script> </script> đặt trong HTML
*******Cú pháp
<script language="javascript" type="text/javascript">
JavaScripts funtion
</script>
*******Cách khai báo: có 3 cách
- Internal - viết trong file html hiện tại
Đặt đoạn <script></script> ở bất kì đâu trong file HTML
- External - viết ra một file js khác rồi import vào
Tạo file có phần mở rộng là .js rồi import vào file HTML bằng cách thêm đoạn code dưới vào phần <head></head> của file HTML
<script language="javascript" src="filename.js">
- Inline viết trực tiếp trong thẻ HTML
<input type="button" onclick="alert(1)" value="Click Me"/>
********Chương trình Hello World đầu tiên
Tạo 1 file có tên helloworld.html và dùng đoạn code dưới đây
Kết quả
Hello World
Kết quả: khi click vào button "click me" sẽ hiện lên alert "Hello World"
Giải thích :
<input type="button" id="click" value="click me">
=> tạo button có id là click và giá trị là click me.
var button = document.getElementById('click');
button.addEventListener('click',function()
{alert("Hello World");});
=> 1. tạo biến button , lấy giá trị của 1 phần tử HTML có id là "click" ( lấy thông qua Id nhờ getElementById) lưu vào biến button
2. bắt sự kiện ( addEventListener ) , khi người dùng click vào button thì sẽ tạo 1 hàm có chức năng tạo thông báo trên trình duyệt của người dùng với nội dung Hello World.
4.Một số lưu ý
- JavaScript bỏ qua khoảng trống, tab, và dòng mới mà xuất hiện trong các chương trình JavaScript. Bạn có thể sử dụng khoảng trống, tab, và dòng mới tự do trong chương trình của bạn và bạn tự do định dạng và thụt đoạn chương trình của bạn và cách thích hợp để tạo code dễ dàng để đọc và hiểu
- Bạn có thể bỏ qua dấu ; sau mỗi lệnh, tuy nhiên khi viết lện trên cùng 1 dòng thì phải thêm ;
- JavaScript phân biệt chữ hoa và thường ví dụ: time và TIME do đó bạn cần chú ý hơn
- Comment trong JavaScripts cũng giống như C,PHP ,Java hoặc HTML : // , /* */, <-- // -->
5.JavaScript có khả năng làm gì ?
- Thay đổi nội dung của HTML
Khi chạy file này và click vào button , đoạn văn bản trong thẻ <p></p> sẽ bị thay đổi thành "Hello JavaScript"