JavaScript với Visual Studio 2010
Ngay lúc này, bạn có thể tự tay tạo một dự án web và viết một đoạn mã
JavaScript ngắn. Nếu không sử dụng Visual Studio, hãy bỏ qua phần này để đến phần “Lập trình JavaScript với Eclipse” hoặc “Lập trình JavaScript khơng dùng IDE”.
Chú ý Bạn có thể tải về các đoạn mã ví dụ của tồn bộ cuốn sách. Xem lại
phần giới thiệu để biết cách tải về tài nguyên đi kèm.
Tạo dự án web có chứa mã JavaScript bằng Visual Studio 2010
1. Trong Visual Studio sử dụng Web Development Settings, chọn New Web Site từ menu File. Hộp thoại New Web Site mở ra.
2. Chọn ASP.NET Web Site (việc chọn ngôn ngữ Visual Basic hay Visual C# khơng quan trọng) như hình dưới. Đổi tên thành Chapter2, với đường dẫn phù hợp với cấu hình đã thiết lập. Khi các thông tin được điền đúng và đủ, chọn “OK”. Visual Studio sẽ tạo một dự án web mới.
3. Visual Studio 2010 tự động tạo và mở một file Default.aspx trong chế độ soạn thảo. Hãy đóng file này và tạo file mới bằng cách nhấn chuột phải trong vùng Solution Explorer (Solution Explorer là một khung nằm ở phía trên bên phải của Visual Studio) và chọn Add New Item. (Hoặc bạn cũng có thể chọn New File từ menu File). Hộp thoại Add New Item mở ra như hình dưới đây. Chọn HTML Page, đổi tên thành myfirstpage.htm, sau đó nhấn Add. Visual studio tự động mở file này và chèn DOCTYPE cũng như các đoạn mã mặc định vào trang HTML.
4. Trong trang myfirstpage.htm, đặt con trỏ chuột giữa cặp thẻ < title >
< / t i tle > và đổi tựa đề thành Trang đầu tiên của tơi. Màn hình của bạn sẽ giống như hình dưới:
5. Giữa thẻ <head>, sau thẻ đóng </title>, thêm vào đoạn mã sau: < s c r i p t t y p e = " t e x t / j a v a s c r ip t " > fu n c tio n y e t A n o t h e r A le r t(te x tT o A le r t) { a l e r t ( t e x t T o A l e r t ) ; } yetAnotherAlert("Đây l à Chương 2"); < / s c r i p t >
6. Chọn Save All từ menu File. Đoạn mã hoàn chỉnh và trang hiển thị giống như sau:
Để xem trang web vừa tạo, chọn Start Without Debugging từ menu Debug. Thao tác này khởi động ASP.NET Development Server - server phát triển ASP.NET (nếu chưa chạy) (nếu chương trình chưa chạy) và mở trang web trên trình duyệt mặc định. Trang web được mở ra với một hộp thoại thơng báo như Hình 2-6. Nhấn OK và đóng trình duyệt.
Đoạn mã được thực thi như sau. Đầu tiên, thẻ script được gọi đến và khai báo rằng ngơn ngữ sử dụng là JavaScript:
H ìn h 2 - 6 C h ạ y J a v a S c r ip t tr ê n A S P .N E T D e v e l o p m e n t S e r v e r .
/ \
Chú ý Bạn có thể khai báo JavaScript bằng cách khác, tuy nhiên đây là cách
được hỗ trợ rộng rãi nhất.
Tiếp đó, đoạn mã khai báo hàm y e tA n o th e r A le r t nhận vào đối số
t e x t T o A l e r t như sau:
f u n c tio n y e t A n o t h e r A le r t(te x tT o A le r t) {
Hàm này có nhiệm vụ mở hộp thoại thơng báo trên cửa sổ trình duyệt với bất kỳ đoạn văn bản nào được cung cấp làm đối số của hàm:
a l e r t ( t e x t T o A l e r t ) ;
Hàm kết thúc bởi dấu ngoặc nhọn (}). Dòng tiếp theo của đoạn mã gọi đến hàm vừa khai báo với đối số là một chuỗi đặt trong cặp ngoặc kép như sau:
yetAnotherAlert("Đây l à Chương 2");
Với đoạn mã trên, bạn đã sẵn sàng lập trình với JavaScript bằng Visual Studio 2010. Nhưng trước khi ăn mừng, bạn cần học cách sử dụng các file JavaScript bên ngoài - external file (là những file nằm ngoài file HTML chứa mã
JavaScript).