Embed Size (px)
DESCRIPTION
資訊工程學系 3A 彭博涵 [email protected] 2011/03/26. 中央大學電子計算機中心 「 多媒體與 網路 應用」資訊推廣 課程 -JavaScript 網頁程式 應用 -. 課程大綱. 什麼是 JavaScript? JS Basic JS Object. 什麼是 JavaScript ?. Not Java. Interpreted language. Enhance the interaction between web page and user. Free!. Before learning JavaScript. - PowerPoint PPT Presentation
Citation preview
什麼是 JavaScript? JS Basic JS Object
2
Not Java. Interpreted language.Enhance the interaction between
web page and user.Free!
3
HTML
4
<html><head>
…information about web apge…
</head> <body>
…content of the web page…
</body> </html>
5
Where to
Variable and data type
Logic
Popup box
Functions
Event
6
in <body> demo
in <head> demo
in external files demo
7
VariableData type
8
var theName;
Case sensitiveBegin with a letter or the underscore
character
9
Primitive Numbers Strings Boolean
composite datatype Function Object
10
var theName; theName = 1900;
var myName = “Lemon Nineteen Hundred”;
var fullName = “Danny” + myName;
demo11
OperatorsComparisons if...elseswitchLoop
12
+ - * / %demo
13
== !=><>=<=
14
if( condition ){
code to be executed if condition is true.}
demo
15
if( condition ){
code to be executed if condition is true.}else{
code to be executed if condition is false.}
16
if( condition A){
… code A …}else if( condition B){
… code B …}else{
… code C …}
17
switch( variable ){
case A:… code A…
break;case B:
… code B … break;
default: … code C …}
demo18
When you need to do some thing again and again and again and…..
for loopwhile loop
19
for(initial a counter ; condition ; increment a counter){
…code…}
demo
20
while( condition ){
…code…}
demo
21
Alert BoxConfirm BoxPrompt Box
22
alert("text");demo
23
Confirm(“text");
return true or false
demo
24
prompt("text“ , "default value");
return the input value or null
demo
25
A block of code for certain function reuseclearer JavaScript function list
demo
26
function name( parameter1, parameter2,…){
…code block…
return value;}
27
Movement can be detected by JavaScript
onclick onfocus onblur onmousemove
Event Attributes
demo28
BMI 計算器 BMI 算法：體重 (kg) / 身高 (m) 的平方
Hint : promt(“text”,”default text”);
29
ArrayDateMath
30
store multiple values in a single variable Properties
length Methods
concat() pop() push() shift() unshift() reverse() sort() splice()
demo
31
Methods Set
setDate() setFullYear() setHours() setMinutes() setMonth() setSeconds()
Get demo
32
Properties (Math constant) PI LN10 E
Methods abs(x) round(x) , ceil(x) , floor(x) max(x,y,z,...,n) , min(x,y,z,...,n) random()
demo
33
樂透號碼產生器 規則 : 從 1~49 號中選 7 個數字 將選出來的數字排序後顯示在螢幕上
34
http://www.w3schools.com/js/default.asp
JavaScript: The Definitive Guide 5th Edition - O'Reilly Media By David Flanagan
Learning Javascript 2nd Edition - O'Reilly Media By Shelley Powers
35
36
37
