典型的一個Web應用的生命周期從用戶在瀏覽器輸入一串URL,或者單擊一個鏈接開始（就是訪問一個頁面）。而這個生命周期的結束就是我們關閉這個頁面。

響應流程:

1. 用戶輸入一個 URL（生命周期開始）
2. 客戶端生成一個請求到服務端
3. 服務端響應這個請求，併發送回客戶端
4. 客戶端處理HTML、CSS、Javascript代碼構建頁面
5. 構建並返回頁面之後，併進行事件監聽，一次處理一個事件（這些事件根據用戶的操作來進行交互）
6. 用戶退出這個頁面（生命周期結束）

例子(本例來自《javascript:忍者秘籍》)

HTML:

<ul></ul>
<ul></ul>

javascript:

const ulList = document.querySelectorAll('ul');

function addMessage(element, message) {
    var messageElement = document.createElement('li');
    messageElement.innerHTML = message;
    element.appendChild(messageElement);
}

addMessage(ulList[0], 'Page loading');

document.body.addEventListener('mousemove', function () {
    addMessage(ulList[1], 'Event: mousemove');
});        

document.body.addEventListener('click', function () {
    ddMessage(ulList[1], 'Event: click');
});