什麼是php & javascript

23
※ 轉轉轉轉轉轉轉 http://sudo.tw 轉轉轉 PHP & JAVASCRIPT? EricPing http://sudo.tw

Upload: eric-ping

Post on 26-May-2015

4.262 views

Category:

Technology


1 download

DESCRIPTION

簡單地介紹一下什麼是PHP & JavaScript 來自於 http://sudo.tw

TRANSCRIPT

Page 1: 什麼是PHP & JavaScript

※轉貼請註明出處  http://sudo.tw

什麼是 PHP & JAVASCRIPT?

EricPinghttp://sudo.tw

Page 2: 什麼是PHP & JavaScript

※轉貼請註明出處  http://sudo.tw

什麼是網頁 ? 很簡單,就是你打開瀏覽器看到的畫面!

Page 3: 什麼是PHP & JavaScript

※轉貼請註明出處  http://sudo.tw

網頁原始碼又是什麼 ? 打開你的網頁,按右鍵→檢視網頁原始碼

你看到的那些密密的文字就是原始碼

Page 4: 什麼是PHP & JavaScript

※轉貼請註明出處  http://sudo.tw

網頁原始碼公開 ? 是的,原始碼是公開的! 但是你 (Client端 )看到的只有

HTML、 CSS、 JavaScript等 !

(有些初學者會覺得說 php也是公開的,但事實不是這樣 )

Page 5: 什麼是PHP & JavaScript

※轉貼請註明出處  http://sudo.tw

JavaScript是什麼 ? Client端程式語言!在瀏覽器上執行的!

因為 HTML、 CSS無法進行數學式的運算、動態效果!

為了減少 Server端的壓力以及能與使用者產生互動,所以 JavaScript誔生了!

Page 6: 什麼是PHP & JavaScript

※轉貼請註明出處  http://sudo.tw

JavaScript範例 打開你的記事本!將以下內容打下來,然後存成 index.html,使用瀏覽器打開!

<script>var a=1; var b=2; alert(a+b);

</script>

Page 7: 什麼是PHP & JavaScript

※轉貼請註明出處  http://sudo.tw

好酷! 這時你會發現會跳出訊息,就代表成功了

Page 8: 什麼是PHP & JavaScript

※轉貼請註明出處  http://sudo.tw

JavaScript包含在 Script標籤裡按下確定後,再檢視一次原始碼,你會看到<script>var a=1; //宣告變數 a 等於 1var b=2; //宣告變數 b 等於 2alert(a+b);//跳出訊息框</script>

Page 9: 什麼是PHP & JavaScript

※轉貼請註明出處  http://sudo.tw

JavaScript與User的關係 如同上述程式碼,在電腦不連上網路的情況下也可以執行,由瀏覽器本身去執行 JavaScript的程式碼!

Page 10: 什麼是PHP & JavaScript

※轉貼請註明出處  http://sudo.tw

JavaScript接收訊息 JavaScript也可以做到與 Server端互動這件事,這又是另一門學問了, Ajax!在網頁不重新整理的情況下更新資料。

Page 11: 什麼是PHP & JavaScript

※轉貼請註明出處  http://sudo.tw

總結 JavaScript使用者可以透過 JavaScript告訴瀏覽器說: 我現在要發出訊息給別人 別人可以發訊息給我 我現在要計算 1+1(小算盤 )然後 JavaScript會通知瀏覽器要執行上述的動作,幫助使用者完成工作。結論: JavaScript可以控制瀏覽器,管進也管出,進行使用者與瀏覽器與 Server端的資料傳輸。

Page 12: 什麼是PHP & JavaScript

※轉貼請註明出處  http://sudo.tw

接著來談 PHP PHP是什麼 ?伺服器端語言! 什麼是伺服器端語言呢 ? 我們待會再來談,先看看一下簡單的 HTML

Page 13: 什麼是PHP & JavaScript

※轉貼請註明出處  http://sudo.tw

印出Hello World<!DOCTYPE html><html><head></head><body>

<h1>Hello World</h1></body></html>

Page 14: 什麼是PHP & JavaScript

※轉貼請註明出處  http://sudo.tw

PHP程式碼包在<?php ?>裡面

<?phpecho "Hello World"; //印出Hello World

?>

Page 15: 什麼是PHP & JavaScript

※轉貼請註明出處  http://sudo.tw

我們可以結合上述兩頁<!DOCTYPE html><html><head></head><body>

<h1><?php echo "Hello World";?></h1></body></html>

Page 16: 什麼是PHP & JavaScript

※轉貼請註明出處  http://sudo.tw

一樣印出Hello World

Page 17: 什麼是PHP & JavaScript

※轉貼請註明出處  http://sudo.tw

最後從 Client端看到的原始碼

Page 18: 什麼是PHP & JavaScript

※轉貼請註明出處  http://sudo.tw

看不到<?php ?> 因為<?php ?>裡面的內容在網頁從 Server端送出來前,就被編譯了。

所以因此看到的就會是純 HTML原始碼!

Page 19: 什麼是PHP & JavaScript

※轉貼請註明出處  http://sudo.tw

再來一個範例<h1><script>document.write('Hello ');</script><?php echo "World"?></h1>

Page 20: 什麼是PHP & JavaScript

※轉貼請註明出處  http://sudo.tw

Client會收到<h1><script>

document.write('Hello ');</script>World

</h1>

Page 21: 什麼是PHP & JavaScript

※轉貼請註明出處  http://sudo.tw

瀏覽器跑完 JavaScript後<h1> <script>

document.write('Hello ');</script>Hello World

</h1>

Script裡的內容在瀏覽器執行後印出Hello<?php echo "World";?>被編譯後送出了

Page 22: 什麼是PHP & JavaScript

※轉貼請註明出處  http://sudo.tw

Server與 Client的之間的互動

接收到連線訊息後,將 php檔即時編譯成html後,再送出至 Client端。

Page 23: 什麼是PHP & JavaScript

※轉貼請註明出處  http://sudo.tw

總結 PHP PHP是一個伺服器端語言,剛剛<?php ?>裡面的內容在 Server端進行編譯之行為,就是伺服器端語言做的事。

此外, PHP也可以做到將 Server時間印出來,進行登入信箱等等功能,也不會讓人看到裡面的程式碼,動態產生出 HTML。