JavaScript Tutorials - Herong's Tutorial Examples
Dr. Herong Yang, Version 2.11

Web Scripting Architecture Overview

This section provides an overview of a typical Web scripting processing flow architecture showing server-side and client-side scripting steps.

As we can see from previous chapters, JavaScript code can be used in three areas to help building Web sites or Web based applications:

  • Server-Side Scripting - Scripts embedded in HTML documents to be processed by the Web server before sending to the client - Web browser. Server-side scripting usually used to interact with database or other backend applications and to bring dynamic data into HTML documents.
  • Client-Side Scripting for Page Document Building - Scripts embedded in HTML documents to be processed by the Web browser before rendering the page document on the browser window.
  • Client-Side Scripting for Browser Event Handling - Scripts embedded in HTML documents to be processed by the Web browser when user interacts with the Web browser window.

The diagram below shows you how server-side scripting and client-side scripting can be used together performing different functions in a typical Web application process flow architecture:
Web Scripting Flow Architecture

Red lines used in this diagram indicate where JavaScript could be used. Different sections of this Web scripting flow architecture diagram will be explained later.

Sections in This Chapter

Web Scripting Architecture Overview

Server-Side Scripting Overview

Client-Side Scripts for Document Updating

Client-Side Scripts for Event Handling

Client-Side Scripting Processed Multiple Times

New Script Resulted from Two Original Scripts

Dr. Herong Yang, updated in 2008
Web Scripting Architecture Overview