Mảng dựng sẵn

  • Home
  • Forum
  • Tự Học HTML
  • Tự Học Javascript
  • Tự Học PHP

MỞ ĐẦU

  • Mở đầu về Javascript
  • Cú pháp JS
  • Các kiểu giá trị JS - P1
  • Các kiểu giá trị JS - P2
  • JS Phép toán - câu lệnh gán
  • JS Cách đặt tên biến
  • Function - hàm JS
  • JS Thủ tục vào ra đơn giản
  • javascript Event
  • các hàm JS sẽ dùng trong các ví dụ
  • Một số hàm JS khác
  • JS Comment - chú thích

CẤU TRÚC RẼ NHÁNH

  • Js câu lệnh IF
  • JS - ELSE...IF

CẤU TRÚC LẶP

  • Các vòng lặp js
  • break - dùng vòng lặp js

MẢNG

  • Mảng trong Javascript
  • Tại sao cần dùng mảng
  • Làm việc với mảng
  • JS Mảng 2 chiều
  • Mảng dựng sẵn

JS FUNCTION - HÀM

  • Tự soạn thảo các hàm
  • Hàm và các tham số
  • Biến toàn cục và biến cục bộ
  • Javascript function return - Giá trị trả về

FORM

  • Nói về các dấu chấm
  • JS làm việc với FORM
  • Nhận + thiết lập thông tin
  • Kiểm tra Text,password,textarea
  • Kiểm tra Select Element
  • Kiểm tra các nút Radio
  • Xử lý chuỗi

WINDOW

  • Mở cửa sổ mới
  • Đóng cửa sổ
  • Di chuyễn cửa sổ
  • Địa chỉ cửa sổ

FRAMES

  • Javascript và Frame
  • Ví dụ về frame và js

HẸN GIỜ

  • setTimeout - Định giờ cho sự kiện
  • clearTimeout - Ngưng hẹn giờ
  • Tạo một đồng hồ bấm giờ

LINH TINH KHÁC

  • Date, Time
  • JavaScript getElementById
  • JavaScript innerHTML
  • JavaScript Void 0
  • Vấn đề với trình duyệt

COOKIES

  • Cookies là gì?
  • Thiết lập Cookie
  • Đọc cookies

Mảng dựng sẵn

xxMảng dựng sẵn
Tháng Sáu 23, 2009, 09:09:37 AM gửi bởi nvcnvn
Khi trình duyệt đọc mo655t trang HTML, no1 tự động tạo ra các mảng, các mảng đó chính là các HTML Element, và ta có thể dùng chúng như một cách tham chiếu tới đối tượng ta muốn.
Ví dụ như ta có một loạt các hình ảnh trong trang với các tag image, trình duyệt sẽ tạo ra một mảng để lưu trử các imagr này. Để tham chiếu tới một iamge nào đó ta:
document.images[<thứ tự ảnh>]
trình duyệt đọc code theo thứ tự từ trên xuống dưới, từ trái qua phải, nó phát hiện cái náo trước thì thứ tự nhỏ nhất.
VD: ta có đoạn code của trang html như sau:
Mã nguồn: [Chọn]
<html>

<head>

<title>Hocvui.net - Trang ví dụ</title>
</head>

<body>
	
<form name="form_01">
	
	
<input type="text" name="text_01" />
	
	
<input type="text" name="text_02" />
	
</form>
	

	
<form name="form_02">
	
	
<input type="text" name="text_03" />
	
	
<input type="text" name="text_04" />
	
</form>


</body>

</html>
Ờ đây, ngoài cách tham chiếu tới bất cứ phần tử nào trong form, để đặt giá trị chẵn hạn, ví dụ như là text_03 chẳng hạn. ta có thể viết một đoạn code bình thường như sau:
Mã nguồn: [Chọn]
<script language="javascript">
document.form_02.text_03.value="Một cách tham chiếu";
</script>
hay theo những thông tin mới về những mảng dựng sẵn
Mã nguồn: [Chọn]
<script language="javascript">
// đạon này dịch là: tìm trong văn bản, form thứ hai, phần tử thứ nhất của form, đặt giá trị
document.forms[1].elements[0].value="Một cách tham chiếu";
</script>
Chú ý:nếu các bạn có ý định chạy hai đạon javascript kia trên đoạn mã html mình lấy ra ví dụ, các bạn cần đặt đoạn javascript bên dưới cả hai form, điều này là vì trình duyệt đọc code theo thứ tự từ trên xuống dưới, từ trái qua phải khi nó bắt gặp d9aon5 js, nó sẽ chạy mã khi, trong khi đó nó chưa tìm thấy những đối tượng mà js sẽ làm việc!

Đây chỉ là một vài trong số rất nhiều mảng dựng sẵn, và thật ra các bài hướng dẫn javascipt của hocvui.net cũng chỉ mới nói tới những gì mà mình nghĩ là gần gủi và cần thiết nhất đối với các bạn.

Một câu hỏi trong lúc mà mình học javascript là làm sao biết những mảng nào được dựng sẵn, làm sao biết những đối tượng nào có những thuộc tính nào. Để giải thích cho điều đó ta hãy tìm câu hỏi với google và từ kháo HTML DOM. Bảo đảm với một chút vốn tiếng Anh, bạn sẽ giải đáp được hết những thắc mắc trên. và tất nhiên, nếu có khả năng, mình sẽ tìm, tổng hợp lại các tải liệu đó và dịch ra tiếng Việt để phục vụ cho những người Việt Nam ham học hỏi.

Dưới đây mình có một mô hình thiếu sót mô tả DOM (Document Opject Model)



Các bạn hãy cố gắng tìm hiểu thêm nha.



http://hocvui.net
Viết một nhật xét mới

Danh Sách Các Bài Trả Lời:

Trang: [1]

 
Information Technology News|| Download driver and more|| SMF cho người Việt
|| game avatar || nông trại vui vẻ
Thích hợp với các trình dyệt:
Firefox - Opera - Google Chrome