Giới thiệu về javascript

JavaScript là gì?

  1. Javascript: là một ngôn ngữ xử lý sự kiện thông thường cho website, thông thường được dùng để sử lý các sự kiện. Ngôn ngữ cũng theo cấu trúc chính của C, có thể nói JS chỉ khác PHP ở ngôn ngữ, còn hướng lập trình thì hầu như là giống nhau.
  2. JavaScript được thiết kế để tạo các mã HTML và tương tác nhiều hơn với HTML.
  3. JavaScript thường được nhúng trực tiếp trong trang HTML.

Sử dụng JavaScript

Sử dụng thẻ HTML <script>. Ví dụ:
<script type="text/javascript">
...
...
...
</script>

Vị trí đặt thẻ JavaScript

  1. Đặt trong thẻ <head>
  2. Đặt trong thẻ <body>
  3. Đặt dưới dạng một đường link lưu trữ file bên ngoài

Sử dụng JavaScript bên ngoài

Ví dụ bạn lưu file Javascrip là javascript.js với nội dung:
document.write("<h2>Văn bản này được viết bằng Javascript</h2>");
HTML viết
<head>
    <script type=“text/javascript”src=“javascript.js”></script>
</head>
javascript.js Chính là đường link của file Javascript bên trên
Hiển thị trên trình duyệt

Văn bản này được viết bằng Javascript

Code HTML khi xem nguồn (view source)
<h2>Văn bản này được viết bằng Javascript</h2>

jQuery và Ajax

Tại sao mình đề cập thêm đến 2 khái niệm này? Mời bạn tham khảo các thông tin bên dưới

  1. JQuery: Gần như là một mã nguồn mở sử dụng JS(Viết tắt của JavaScript), Jquery tổng hợp các vấn đề cần phải làm trong JS thành một thư viện, và sau đó nó cho phép phát biểu theo cách gọi riêng của nó.
  2. Ajax: Có thể nói, Ajax chỉ là một phần nhỏ trong JSm khi thực hiện theo JS thuần Ajax được thể hiện tương quan theo JS thuần, khi thể hiện theo Jquery, cách sử dụng khác nhau nhưng mối tương quan của nó với JS vẫn không đổi, bởi vì bản thân nó vẫn chỉ chạy trên JS.


Kết

Bài viết này mình chỉ đưa ra ví dụ cơ bản về JavaScript, những bài viết sau này sẽ giới thiệu chi tiết về các hàm jQuery. Đây là những kiến thức mình có được qua quá trình thiết kế blog còn nhiều thiếu sót vì vậy mong các bạn hãy góp ý nhiệt tình, chỗ nào sai mình sẽ sửa và chỗ nào thiếu mình sẽ thêm vào cho hoàn chỉnh
Tham khảo một số thông tin từ www.izwebz.com
6 Comments
Comments

6 comments

Giao diện tối quá... chữ thì quá nhỏ... ghé thăm pác phát
12/10/13
Cảm ơn bạn đã góp ý :cuoi
13/10/13
Chào Huy! Lần trước mình đưa ra cái drop menu mẫu bên trang 4phuong.net, Huy bảo nó không phải blogspot nên không biết cách thức hoạt động nó ra sao. Mình lướt web bằng điện thoại, tình cờ phát hiện ra trang này làm bằng blogspot http://www.dongocnhan.com/?m=1 (xem ở chế độ di động) thì có cái menu giống như cái mà mình muốn làm. (Khi nhấn vào 1 mục thì sau khi load xong, mục đó hiện trên thanh menu luôn)

Mình xem kĩ thì nó là danh sách các page của blog. Không biết Huy có thể chỉnh sửa và hướng dẫn mình làm cái menu kiểu này không :thank
15/10/13
À, thật ra danh sách các page của blogspot được xuất ra dạng như sau
<ul>
<li>...</li>
<li>...</li>
<li>...</li>
</ul>

Vì thế việc chúng ta chỉ là thêm CSS cho nó. Mình sẽ có bài hướng dẫn về việc này trong thời gian tới :cuoi
15/10/13
yeah :D . Như vậy là quá tuyệt rồi. Hóng bài hướng dẫn này của Huy :cuoi
16/10/13
Bạn xem cách thực hiện tạo menu từ các trang tĩnh tại http://www.trollvl.com/2013/10/tao-thanh-menu-ngang-tu-cac-trang-tinh.html nha!

Cảm ơn bạn đã ghé thăm Troll VL !
» Tạm thời ngăn không cho comment với chế độ ẩn danh vì có một số bạn không có thành ý cố tình spam. Mong các bạn thông cảm!
» Bạn nên viết bằng Tiếng Việt có dấu để mọi người dễ đọc, dễ bình luận
» Để liên hệ,góp ý và đóng góp bài viết bạn click vào đây
Sử dụng các thẻ sau cho comments
» Chèn nội dung vào blockquote <b rel="quote">Nội dung blockquote</b>
» Chèn nội dung vào note <em rel="note">Nội dung note</em>
» Chèn code vào khung pre <i rel="pre">Nội dung code</i>
» Chèn hình ảnh <i rel="image">Link hình ảnh</i>
» Chèn video từ youtube [youtube]link video[/youtube]
» Chèn link <i rel="anchor">Link</i>

Insert Emoticons
:cuoi
:hihi
:thank
:haha
:meu
:cry
:oaoa
1cuoi
:D
@@
:p
:o
:vi
:ko
:ca
:why
:xin
:lanh
:im
:aoi
:ado
:mda
:tat
0:khoa
a:ab
k:ac
q:ad
w:ae
e:af
l:ag
g:ah
8:ai
9:aj
9:ag
:9a
*Phải có khoảng trống trước các code mới hiển thị mặt cười


Mã Hóa Code Tạo và xem trước comments Cancel Reply
-->