iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 11
1
自我挑戰組

微程式語言白話文運動系列 第 11

微聊 MVC 模式 - View 二部曲

  • 分享至 

  • xImage
  •  

JavaScript。

JavaScript 可以說是目前前端設計網頁唯一使用的程式語言,主要使用在呈現網頁動態效果。以上一回我們所舉例的房子來說,JavaScript 就像是我們裝了一盞燈,但要開啟燈時,還是需要一個開關做開啟,想像 JavaScript 就是那個按鈕,觸發電燈開啟這件事,所以說 JavaScript 所負責的是描述網頁如何與用戶互動,而其發明也就是希望能用為了讓程式設計師能更容易上手,透過直譯式、物件導向的程式語言設計,只要下指令把JavaScript內建功能範本,就能夠把功能範本叫出來協助運作。

又是一個聽起來很容易,但又是一門學問(坑)啊!
坑
但還是要淺淺的聊一下
其實JavaScript 是沒有提供網頁的操作方法,而操作方法是由「瀏覽器」提供的, 這些操作方法基本上會分別由這兩種物件所擁有:「BOM」與「DOM」。JavaScript 去呼叫 BOM 與 DOM 提供的 API,進一步透過它們去控制瀏覽器的行為與網頁的內容。以房子的範例來說明,按鈕本身是只是一個工具,如果要讓按鈕開啟我們所要指定的電燈,就要透過正確的電線配線才能開啟電燈,這麼解釋很合理吧?

Bom / Dom 到底是什麼?

BOM (Browser Object Model)

簡單來說,BOM是一個瀏覽器分類表,將瀏覽器上面提供的功能做分割性的分類,而方便JavaScript 去呼叫各物件來操作,分類如下:
點

  • window: 開發者可存取操作瀏覽器視窗
  • screen: 開發者可存取使用者的螢幕畫面資訊
  • location: 開發者可存取操作頁面的網址 (URL)
  • history: 開發者可操作瀏覽器的上一頁、下一頁
  • navigator: 開發者可存取瀏覽器資訊
  • Popup: 開發者可使用瀏覽器內建的彈跳視窗
  • Timer: 開發者可使用瀏覽器內建的計時器
  • cookie: 開發者可管理瀏覽器的 cookie

像是網站上有點選下一頁的按鈕觸發網站跳轉、新開分頁、列印分頁都是用 JavaScript 操作瀏覽器功能的動作。
今天先淺淺的聊了在要使用 JavaScript 之前需要先理解瀏覽器的操作手冊第一部分。明天再繼續掰餔。


上一篇
微聊 MVC 模式 - View 一部曲
下一篇
微聊 MVC 模式 - View 三部曲
系列文
微程式語言白話文運動30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言