DAVID J. Malan: Chúng ta hãy thực hiện một trang web trang đó nói xin chào với một người sử dụng, cùng cách thể hiện DOM, tài liệu mô hình đối tượng, hoặc cây cấu trúc thực sự là bên dưới mui xe khi bạn làm cho một trang web. 

Chúng ta hãy có một cái nhìn. Ở đây, trong dom-0.html, nhận thấy rằng bên trong của cơ thể của trang, tôi có một tag hình thức, các định danh duy nhất cho đó là, báo giá unquote, "demo". Trong khi đó, tôi cũng có một onsubmit thuộc tính, hay còn gọi là một sự kiện xử lý, onsubmit, trong đó quy định rằng khi gửi đơn đăng ký, một chức năng đó là rõ ràng được gọi là chào phải được thực hiện. Và sau đó sai phải được trả lại. 

Tại sao sai? Vâng, tôi không thực sự muốn gửi mẫu đơn này đến một máy chủ Web từ xa trong theo cách truyền thống. Tôi muốn phá vỡ hình thức nộp hồ sơ và làm điều gì đó với nó phía khách hàng sử dụng JavaScript. Thật vậy, nhận thấy ở đây. Ở phần đầu của trang web của tôi, tôi có một thẻ tập lệnh, trong số đó là khởi đầu của chức năng gọi là chào đón. 

Những gì tôi thực sự muốn làm? Vâng, bên trong chào đón, chúng ta chỉ đơn giản gọi chức năng cảnh báo. Và sau đó in ra một cái gì đó như xin chào, với một không gian. Và sau đó nối vào cuối đó là kết quả của cuộc gọi document.getElementById, quy định cụ thể đặc biệt là định danh duy nhất, quote unquote, "tên". 

Và đặc biệt, khi chúng tôi đã nhận được yếu tố đó, các nút trong cây đại diện cho trang web này, chúng ta hãy đặc biệt được giá trị của nó bằng chỉ rõ giá trị.. Và sau đó, chỉ để cho vui, chúng ta hãy nối vào cuối của một mà dấu chấm than. 

Bây giờ hãy lưu tập tin này, mở nó trong trình duyệt, và nhìn thấy một hello. http://localhost/dom-0.html. 

Có hình thức đó. Chúng ta hãy đi trước và gõ vào tên của tôi. Tiếp theo là việc nhấn Gửi. Và có chúng ta thấy hello, David! Đó là tôi.