iT邦幫忙

DAY 10
0

練習如何去開發一個通訊軟體 Boo it!系列 第 10

Day10 - App 與 Web 世界的明日之星 JavaScript

JavaScript 是一種腳本語言,最初是用來在文檔物件模型下(DOM),網頁設計上對 HTML 元素的操作,網頁開發者可以在 HTML 檔案中嵌入或外部引用腳本的方式,撰寫 JavaScript 的程式碼來操作網頁上的 window, elements,也可以自行撰寫 function 來當作物建被點選、滑過、輸入文字等等事件時要觸發的效果。

function(){
 var get_div = getElementById("div_name");
}

如上的片段,就可以取得 HTML 中,ID 命名為 div_name 的 <div> 元素

		<script>
			function bt_details(this_bt) 
			{
			  var name = this_bt.name
			  var value = this_bt.value
			  var type = this_bt.type
			  document.write("My name is <b>" + name + "</b>");
			  document.write("<br>My value is <b>" + value + "</b>");
			  document.write("<br>My type is <b>" + type + "</b>");
			}
		</script>
		<form>
			<input type="button" name="hello" 
			value="Please Click me to see my name and value"
			onClick="bt_details(this)">
		</form>

	

像上面的片段,就可以在訪問網頁的人按下按鈕後,捕捉 button 的 type 和 name 名稱,並且呼叫事件處理函式 bt_details(this_bt),將 type 和 name 的值結合其他文字輸出在畫面上。

後來在 Google 大量使用下,JavaScript 也被用在 AJAX 技術呈現,做出像是 Gmail 那樣不用重新整理就可以收到新的信件、Facebook 留言板那樣不用重新整理頁面就可以完成留言並顯示在畫面上的效果、Search Bar 輸入搜尋內容打字到一半,就可以提供出建議字彙的功能。。。

而 node.js 的出現也為 JavaScript 的發展史寫下了新的篇章,而且這個故事還持續發展著,node.js 讓 JavaScript 跳脫出瀏覽器,讓 JavaScript 也可以在 local 端運作,而且更強大的在於,他可以輕易的結合原本網頁與網路的程式設計,做出跨平台及更彈性與豐富性的程式。

最近隨著 HTML5 與 JavaScript 的技術發展與 Cloud Computing 和 Mobile Computing 的潮流,Google Chrome 與 Mozilla Firefox OS 等網頁作業系統的出現了,這類作業系統有什麼特別的呢?就像前面的稱呼一樣,不同於一般傳統的作業系統,你所操作的作業系統 GUI 介面和應用程式,全部都是『網頁程式』,與一般網頁一樣,是由 HTML、CSS、JavaScript ,這意味著未來的 App 開發者只需要用前面的語言撰寫一個網頁程式,就可以跨平台發佈這個 App,換句話說,只要寫一次網頁程式,接著在 iOS、Android、Firefox OS ... 上都可以使用,這也是 Boo it 選擇開發成網頁程式的原因,未來我們將介紹 PhoneGap,一套將網頁程式打包成個平台 App 的工具

如果你還沒學過 JavaScript,那你真的該好好學學這個越來越夯、也越來越壯大的程式語言!


上一篇
Day – 9 HTML5 簡介
下一篇
Day11 - jQuery – JaveScript 的魔術!
系列文
練習如何去開發一個通訊軟體 Boo it!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
roger03
iT邦新手 4 級 ‧ 2014-10-02 15:38:27

Day 10了,撐過三分之一!
繼續加油喔~

0
mis2000lab
iT邦好手 1 級 ‧ 2014-10-02 17:11:14

好文章,要繼續接力、加油下去喔 (讚!)

0
justinsanity
iT邦新手 4 級 ‧ 2014-10-02 17:11:20

非常謝謝您的加油!!

我要留言

立即登入留言