給初心者一個讚: JavaScript

顯示具有 JavaScript 標籤的文章。顯示所有文章

2014年1月18日星期六

JavaScript-11 迴圈的控制-4

接續JavaScript-11 迴圈的控制-3

今天一起來學習
1. for ( ) { }
2. for / in
3. while
4. do while
---------------------------------------------------
4. do while

大家一起先看下面例子比較清楚

<script>
var i = 1;//宣告變數i
var sum =0;//宣告變數sum
do{
document.write(i);//顯示i的值
sum += i;//sum值為i的累加
i++; // 每次迴圈遞增1
}
while(i<=5);//條件i 不可大於6,若為True就進入程式執行區塊
document.write("<hr>"+"總合為:"+sum);
</script>

-----------------------------------------------------
以上Js顯示內容為:

12345

總合為:15

do 和 do...while 不同的地方就是do..while會先執行過do內區塊的程式再執行while內程式的判斷才決定執行與否.

2013年12月9日星期一

JavaScript-11 迴圈的控制-3

接續JavaScript-11 迴圈的控制-2

今天一起來學習
1. for ( ) { }
2. for / in
3. while
4. do while
---------------------------------------------------

3. while (條件式 ) {程式執行區塊 }

while 和 if 不同的是它將增減的部份寫在執行程式區塊內,而迴圈的執行是在開頭條件式檢查若為True就進入程式執行區塊,若為False就離開迴圈。看以下範例:
---------------------------------------------------
<script>

var i=1; //宣告變數i
  var sum=0; //宣告變數sum

while(i<=6) //條件i 不可大於7,若為True就進入程式執行區塊
{
document.write("整數"+i+"<br/>"); //顯示所有的 i
sum += i; //總和 i
i++; // 每次迴圈遞增1
}
document.write("總和為:"+sum);

</script>

-----------------------------------------------------
以上Js顯示內容為:
整數1
整數2
整數3
整數4
整數5
整數6
總和為:21

2013年12月5日星期四

JavaScript-11 迴圈的控制-2

接續JavaScript-11 迴圈的控制

今天一起來學習
1. for ( ) { }
2. for / in
3. while
4. do while
---------------------------------------------------
2. for / in--主要是顯示物件所有的屬性

for(test in objExample)
{
document.write("屬性:" + test + "=" + objExample[test] );
}

以上為主要架構，for in 就是類似 for 的迴圈，objExample是一個物件，test是取得屬性名稱，所以此迴圈是一個取得所有物件的迴圈。
-----------------------------------------------------<script>
var test ;  //宣告變數test
var objExample = new Object(); //建立一個物件指定給objExample,所以此時可以將objExample當作一個物件!
  objExample.name = "三梔阳";
  objExample.age ="不小了~";
  objExample.sex = "男孩";
  objExample.email = "githyoung@gmail.com";

for(test in objExample) // 顯示所有物件的屬性
{
  document.write("屬性:" + test + "=" + objExample[test]+"<br/>" );
}

</script>
------------------------------------------------------

以上Js顯示內容為:

屬性:name=三梔阳
屬性:age=不小了~
屬性:sex=男孩
屬性:email=githyoung@gmail.com

函數和物件等之後再仔細說明吧！

2013年12月4日星期三

JavaScript-11 迴圈的控制

接下來讓我們進入Js的迴圈控制部份。

迴圈是一種流程的控制，我們可以指定值或是設定條件來讓程式碼執行的順序不同，執行的位置不同，甚至是滿足某種條件之後才去執行。

以下是我們常見的
1. for ( ) { }
2. for / in
3. while
4. do while

---------------------------------------------------
1. for ( ) { }

<script>
var i ; //宣告變數i
var sum = 0; //宣告變數sum初值為0
for(i = 1; i<=5; i++) // i 初值為 1 , i 不大於5 , i ++為遞增每次加1
{
document.write(i+<br/>); //顯示i 每次的值並且換行
sum = sum + i ; // sum的值都會加上i 的值並且累加
}
document.write("總和為"+sum); ////在迴圈之外並輸出sum 的值

</script>
------------------------------------------------------
以上Js顯示內容為
1
2
3
4
5
總和為15
----------------------------------------------
我們分開三段來看:

1. for ( ) 內部：使用三個分號 "；" 來區分

i = 1 就是迴圈的初始值
i <= 5 就是說我們迴圈 i 最多執行5次
i ++ 的語法之前有提過就是遞增每次會加1

2. for ( ) { } 大括號內部：裡頭執行的就是迴圈的內容，所以我們顯示了 i 每進行迴圈一次的值
還有將 i 做一個累加總和的動作給sum
3. 迴圈之外：輸出我們總和的值

大家可以把for迴圈內的值任意變換來看看結果，不過請注意的是條件別設成無窮迴圈了
也就是不要設成這樣(隨意給個例子)
for (var i = 1 ; i <=2 ; i--)
這樣大家依照邏輯來看就知道是無限的跑迴圈~所以請各位注意囉~

2013年12月3日星期二

JavaScript-10 流程控制-4

接續JavaScript-10 流程控制-3

5. ?: 　我們可以把？當作 if，：當作else。

架構:
變數 = (判斷條件) ? True : False ; 若是判斷條件是真的為True,反之為False.
--------------------------------------------------
<script>
var IamBoy = "女孩" ;
if (IamBoy == "男孩")
{
document.write("我是個男孩沒錯!");
}
else
{
document.write("不然你是誰?");

}
</script>

---------------------------------------------------

以上if/else的語法就可以改寫成以下語法

var Anwser=" "; //指定Answer當作我們輸出網頁的變數

var IamBoy = "女孩" ; //指定變數

Answer = (IamBoy =="男孩") ? " 我是個男孩沒錯" : "不然你是誰?";

document.write(Answer);//輸出Answer內容

</script>

以上Js語法進行執行就可以得到"不然你是誰?",

2013年12月1日星期日

JavaScript-10 流程控制-3

接續JavaScript-10 流程控制-2

4.switch 多個選擇中選一個的條件下

語法為:
---------------------------
switch(判斷的條件) // swith (變數1 == 變數2)的話
{
case "變數1"：
運行的程式碼；
　 break;
case "變數2"：
運行的程式碼；
　 break;
case "變數3"：
運行的程式碼；
　 break;
default：
　運行的程式碼；
}

switch 的架構就是我們判斷的條件只有一個邏輯或是比較運算式,寫法使用case和switch(判斷的條件/變數)是否相同來運行,而break是跳出條件的敘述,若是沒有break就會繼續往下執行程式碼.
最後一段default並非必要的程式碼,代表著若是沒有符合條件case時才執行default內的程式.
---------------------------

我們來練習一下~

<script>
var apple = "fruit"; //指定變數
switch(apple) // 判斷apple和case是否相同
{
case "banana":
document.write("香蕉啦!");
break;
case "fruit":
document.write("蘋果!");
break;
case "orange":
document.write("橘子喔!");
break;
default:
document.write("什麼都沒有!");
}
</script>

以上Js程式碼會顯示出"蘋果!".
大家也可以拿掉break來試試看會發生什麼事情~!

2013年11月27日星期三

JavaScript-10 流程控制

今天介紹JavaScript的流程控制，先簡單提一下流程控制是什麼~

流程控制其實就是我們日常生活處理事情的過程和決策的方法~大致可分為三種

比如我今天要去買菜當作例子，

1. 買完青菜再買肉，接著再買飲料，按照順序一個一個的去買---循序結構
2. 因為肉今天搭配飲料比較便宜，所以我選擇先去買肉和飲料--選擇條件結構

3. 搭手扶梯去1,2,3F買東西，我們若是不離開手扶梯就會一直卡在手扶梯就像迴圈一樣~
而假設2F可以買肉所以我去了2F，所以我就結束了這個手扶梯重複迴圈。
若是我被騙了原來2F是賣菜的，那我會回到原點再去看1,3F哪層是買肉的，直到是真的我才會離開手扶梯--重複條件結構
以上三點就是簡單比喻一下有個概念，以下就進入我們主要的主題部份：

條件結構：
1. if
2. if / else
3. if / else if
4. switch
5. ?:
以上五種是我們寫程式時使用的條件性的語法。

1. if - 條件式的執行，屬於單選題，程式對了才執行我們要的結果：

<script>
var IamBoy = "男孩" ; // 指定變數

if (IamBoy = "男孩") //如果IamBoy變數為男孩的話,就執行{ }內的語法
{
document.write("我是個男孩沒錯!"); // 輸出我是個男孩沒錯文字
}
</script>

以上Js語法進行執行就可以得到"我是個男孩沒錯!".

2012年10月13日星期六

JavaScript-9

今天來看一下Js 資料型態的轉換

我們之前有提到Js資料型態的有哪幾種~?
就是數字 Number , 字串 String , 布林 Boolean. 還有Null, Undefined

因為Js是鬆散式的語言,所以我們在做變數值的運算時,Js或自動幫我們做強制型的轉換,也就是說我們如果是 Number + String , 這樣的運算過程下,Js會怎麼處理呢? 因為變數型態還是必須要相同才能運算:

數值和字串相加 Number + String --------> 強制轉換為 Number
字串和布林相加 String + Boolean --------> 強制轉換為 String
布林和數值相加 Boolean + Number-------> 強制轉換為 Number

布林值大家還記得只有True & False 這兩種, 進行轉換的時候 True數值為1,False數值為0.
轉為字串的時候就是"True" 和 "False" 來運算

給個例子大家試試看就知道了:

<script>
var StringTest, intTest, booleanTest ; //宣告變數

StringTest = "三梔阳";
intTest = 100;
booleanTest = true;

output = StringTest+intTest ;
document.write(output+":"+typeof(output)+"<br/>");
// 我們看字串加數值的畫面還有用typeof()函數看轉換的結果

output = StringTest+ booleanTest ;
document.write(output+":"+typeof(output)+"<br/>");
// 我們看布林加數值的畫面還有用typeof()函數看轉換的結果

output = booleanTest + intTest;
document.write(output+":"+typeof(output)+"<br/>");
// 我們看字串加布林的畫面還有用typeof()函數看轉換的結果
</script>

結果為:

三梔阳100:string // 強制轉換成字串所以原數值轉換為"100"字串來相加,顯示類型為string字串
三梔阳true:string //強制轉會成字串所以布林值轉換為"true"字串相加,顯示類型為string字串
101:number // 強制轉換成數值,因為true的數值為"1", 所以 100+1=101,顯示類型為number數值

PS: null 和 undefined 比較少遇到所以就請各位自己嘗試看看囉

下回我們要看流程控制囉!

2012年9月22日星期六

JavaScript-8

12. 指定運算子

我們可以利用指定的方式來給變數值,或是運算,也可以用比較簡單簡潔的方式來作運算如下範例:

=: X=Y 指定敘述
+=: X+=Y ---> X=X+Y 數值相加或是字串連接
-=: X-=Y ---> X=X-Y 減法
*=: X*=Y ---> X=X*Y 乘法
/=: X/=Y ---> X=X/Y 除法
%=: X%=Y ---> X=X%Y 餘數
<<=: X<<=Y ---> X=X<<Y 位元左移Y位元
>>=: X>>=Y ---> X=X>>Y 位元右移Y位元
>>>=: X>>>=Y ---> X=X>>>無符號位移Y位元
&=: X&=Y ---> X=X&Y 位元AND運算
|=: X|=Y ---> X=X|Y 位元OR運算
^=: X^=Y ---> X=X^Y 位元XOR運算
------------------------------------------------------------------------------------
運算子的部份就到一段落了..下面我加一些其他沒講到的部份.

x++ , ++x : 這兩個是不同的運算方式,x++就是x遞增運算,所以第一個還是x,但++x是會先進行算,這點請注意.

逸出字元 : 有些符號我們要特別處裡它,因為鍵盤中有些符號我們是必須要經過特別處裡才能顯現出來的,這些字元就叫做逸出字元. 我們可以立刻想到使用字串的時候我們不都會加 " " , 這個時候若是我想要顯示出來這雙引號該怎麼辦呢?

document.write ("Hello JavaScript!"); ---> 顯示: Hello JavaScript!
document.write ("\"Hello JavaScript!\""); ---> 顯示: "Hello JavaScript!"

有看到我使用了 \ 這個符號,在加上我們要顯示的字元就行了:
\b : Backspace鍵
\f : FF, Form feed
\n: 換行
\r: Enter鍵
\t: Tab鍵
\': ' 符號
\": "符號
\\: \ 符號

2012年9月17日星期一

JavaScript-7

我們接續 JavaScript-6 邏輯運算子

10.比較運算子

==:等於

!=:不等於

>:大於

<:小於

>=:大於等於

<=:小於等於

以上的運算子我們可以用下列程式看結果為True or False:

EX:

document.write(3>2); // 我們把比較運算子代進去

</script>

比較運算子比較容易了解也很常使用喔!

--------------------------------------------------------------------------

11.位元運算子

~: 就是 "Not" (參考JavaScript-6)

<<: 左移

>>: 右移

>>>: 無符號右平移

&: AND

^: XOR

|" OR

這節比較難,大家可以先了解一下什麼是二進位? 簡單解釋的話一般我們使用的1~10阿拉伯數字就是所謂的十進位,因為是以十個數字作一次進位,如1~10下一個就是11了. 那二進位就是以兩個數字來做進位,我們目前是以0 和 1 來做二進位的進位方式,因為目前電腦儲存資料的方式設計成0和1的進位系統來做設計或是運算.至於二進位怎麼算呢? 我們要先有個基本概念電腦目前儲存資料的單位是什麼? 有 bit, byte , kb , MB , GB ,TB...等. 而一位元組等於八個位元--->也就是說

1 byte = 8 bit. 所以我們電腦最小的儲存單位就是一個位元bit,而一個位元組等於八個位元.

所以通常我們再計算二進位或是其它進位的時候會寫成8個0:

二進位系統:00000000---> 進一位--->00000001--->再進一位------->00000010

其它還有8進位和16進位等,詳細的進位運算大家可以google一下,在這邊就說到這裡~

~: 如果a=0,~a=1,b=1,~b=0

------------------------------------------------------------------------

<<: 如果a=3--->換算成二進位--->11,所以如果a=3(11) << 2的話呢?

左移: 1100

所以左移2之後的a的二進位會是1100也就是十進位的12.

------------------------------------------------------------------------

>>: 和左移一樣,假設a=2(10)--->我們右移1,也就是 a>>1---> 得到結果 a=1 (1)

------------------------------------------------------------------------

>>>: 這是屬於邏輯位移的部份,

8的二進位:100

8>>>1: 010 等於2,看到紅色的0,只要是右移之後我們就補0上去~,所以沒有<<<邏輯左平移喔!

------------------------------------------------------------------------

&: 如果是a=1,b=3 那 a & b = 1.

a的二進位: 01

b的二進位: 11

我們可以用乘法的概念來看, 0 x 1 = 0 , 1 x 1 = 1 所以我們知道 a & b = 1.

------------------------------------------------------------------------

^: 如果是a=1,b=3 那 a & b = 1.

a的二進位: 01

b的二進位: 11

我們用一個口訣來看就可以,"相同為0,其餘為1" 所以 a ^ b = 2 (10).

------------------------------------------------------------------------

|:如果是a=1,b=3 那 a & b = 1.

a的二進位: 01

b的二進位: 11

我們可以用加法的概念來看, 0 + 1 = 1 , 1 + 1 = 1(都算1) 所以我們知道 a | b = 3(11).

------------------------------------------------------------------------

2012年9月11日星期二

JavaScript-6

我們接續JavaScript-5 算術運算子

9. 邏輯運算子
&& : "且"
|| : "或"
! : "非"or "NOT"
一.
<script>
var a = 5 ;
if (a>4 && a>2)
{
alert ("a>4為true,且a>2為true,所以會彈跳這個視窗");
}
</script>
這段程式碼是說必須在&&兩邊的物件都必須為True時才會成立.

---------------------------------------------------------------------------------------------
二.
<script>
var a = 5 ;
if (a>4 || a>2)
{alert ("因為a>4為true,或a>2也為true,所以會彈跳這個視窗");}
</script>
這段程式碼是說在||兩邊的物件只要有一個為True時就會成立.
---------------------------------------------------------------------------------------------
三.
<script>
var a = !5 ;
if (a != 5)
{alert ("True");}
</script>
這段程式碼是說在 " !物件 " 這樣的表達形式會讓結果True變成False, False變成True.
---------------------------------------------------------------------------------------------
特別注意的是Js在做邏輯運算的時候是用布林來判斷~~大家記得boolean 就只有兩個值---> True & False.
規則如下:

所有的物件我們都視為 True
如果字串是空,那字串會被視為 False
null 和 false 都會被視為 False
如果數字為零,則該數字為 False

我們拿規則進行測試:
EX:
<script>
var a =0 ; // var a =1 ; //第四個規則
if (a)
{alert ("True 才會彈出視窗,a=0是沒有任何反應的");}
</script>
EX2:
<script>
var = 5; // var = "粗心阳"; //第一個規則
if (a)
{alert ("a 視為一個物件,為True");}
</script>
以上請各位試試看有什麼結果,並且自己可以測試一下規則看有什麼變化會更容易理解喔~~

2012年8月10日星期五

JavaScript-5

上一章Js變數學完之後開始學習運算的部份

8.算數運算子

一. 如同我們所做的四則運算 "加減乘除" ,當然也是先乘除後加減的算術規則喔!
EX:
<Script> var a = 10; var b = 5;document.write(a+b); </Script> // 結果為 15
<Script> var a = 10; var b = 5; document.write(a-b); </Script> // 結果為 5
<Script> var a = 10; var b = 5; document.write(a*b); </Script>// 結果為 50
<Script> var a = 10; var b = 5; document.write(a/b); </Script> // 結果為 2
請注意程式碼內的運算浮號 : + - * /

二. 在Js內如果用算數運算的方式來處理數值 + 字串的話系統會怎麼幫我們判定呢?
EX:
<Script> var a = 5 ; var b= "是初心者" ; document.write(a+b); </Script> // 結果是5是初心者!!
所以當數值和字串放在一起時顯示的都會變成字串喔! 而且必須要用 + 號來做連接,若是使用
- * / 符號來進行是不行的,那又會回傳什麼呢? 請初心者們自己試試看~

三. 那如果我們只是要顯示出+ - * / 符號呢? 我們可以這樣表示
EX2:
<Script>
var a = 5 ;
var b= "是初心者";
document.write("我想要顯示:" + a + "-"+ b); </Script> // 我想要顯示:5-是初心者
1. 利用"" 符號將 - 號變成字串
2. 利用+ 符號進行連接字串變數
所以我們可以利用 + 號的方式來做連結 ,連結字串或是數值,這很常用喔!

----------------------------------------------------------------------------------------

其他的算數運算子還包含:
++ : var a = 10; a++; document.write(a); // 遞增增算,結果為11
-- : var a = 10; a--; document.write(a); // 遞減運算,結果為9
% : var a = 10 ; document.write(a % 3) ; // 餘數為1

以上!! 請大家務必自己寫寫看並練習各種運算~

2012年8月3日星期五

JavaScript-4

我們接續JavaScript-3

6. 變數
變數可以當作是一種暫時儲存我們所賦予值的容器,藉由我們定義的變數類型來給容器一個值.我們可以想像如果我們有一個容器裡面裝酒,酒就是我們給的值~然後容器就是酒瓶了. 如果有一堆文件放在一個容器,那一堆文件就是值,容器我們就可以當作是文件夾了.
這樣個概念承接下去我們就必須要定義好這個容器是可以放什麼值的,所以我們會定義這個容器屬於什麼類型.
其實定義好容器(變數)比較好使用程式,不然程式碼落落長,沒有變數可以宣告那程式碼就會變得冗長和混亂了. (下面就正式開始吧~)
------------------------------------------------------------------------------------------------------
在Js的變數命名是很直接的,若是你有接觸過其他如Java or C語言(強類型語言)就知道不太一樣,Js不需要定義宣告類型,他是一種弱類型的語言,我們直接對對變數加上var宣告且賦予值就可以了.

var 變數名 = 值 ; //開頭加上var ,將我們的值賦予我們定義的變數名

ex: <script>var a =10 ; alert (a) ; </script> // 這小段程式碼執行就會彈出"10"

至於我們可以不可以不要加" var "呢? 在Js答案是可以的,像是 a = 10 ; 可這樣代表你並沒有宣告此變數,只是給a一個值為10,屆時如果想要用if條件來查詢此變數是否存在就會有程式碼執行的問題,所以請各位都加上var來宣告變數.

7.數據的類型

Number: 包含整數,浮點數(小數),double // 比如說宣告 var a = 2; 系統就會自動幫我們判別這是int整數,但是若在Java的話,我們要使用" int " 這個整數型先進行宣告, 也就是說若你用 int a = 2.2 ;就不行了,因為2.2是浮點數.
String: var a = "你好嗎"; or var a="abc"; 在雙引號""裡面的就是字串
Boolean 布林: true or false
Object : 包含 object 物件和 array 陣列 ,Null
Undefined : 沒有宣告變數

在這裡可以請大家用一個函數function進行測試 typeof( ); 這個函數可以讓你知道你所宣告的變數數據是什麼類型,比如說我們可以用以下兩種方式來測試:

1. var a = "abc"; alert (typeof(abc));
2. var a = 5; alert(typeof a ==='number');

然後執行程式碼之後就會彈出一個視窗告知你是什麼數據類型,像上面的第一個範例就會顯示 string. 第二個範例會告訴妳為true.
各位可以再自己試試看各式各樣的值來知道是屬於什麼類型的數據.

2012年7月26日星期四

JavaScript-3

Js 基礎介紹:

1.輸出的類型: 上一節提到alert(""); 這個函數功能,Js有兩個輸出的類型為

alert(什麼類型都可以,像是字串或是數字);
document.write("字串");

2. 語法: Js命名的規範:

以字母、底線 (_)、美金符號 ($) 開頭
變數開頭不可以為數字
變數命名一定要有意義: 不管debug或寫code這都是一種好習慣,請務必遵守
變數名稱不能是系統的關鍵字,像是Date,if...

3.區分大小寫,Js變數名和函數是有大小寫之分的:

一個變數名"aaaBbbCcc"
函數的部份,像是getElmentById();

都是第一個單字小寫,之後的單字第一個字首都大寫(不過變數命名還是看自己的意思,這些都

建議的好習慣寫法)這種命名方式就是所謂的駝峰式寫法.

4. 分號:

一個函數 function ( ){ }此類結構式的函數我們在後面可以不加分號;
var a = 10; 此類功能性的變數後面就必須加分號

5.註解: 我們在寫程式語言的時候因為

為了日後的觀察: 假設你不會天天碰同一個case,當你久了之後再回來看註解就很重要
共同開發的案子: 每個人寫code習慣可能不同,加上註解可以幫忙理解

在我們寫Js語法之後可以加上註解,比如說

var a=10; // 將值為10放入定義變數a---> //為單行的註解

<html>

....

....

</html>

/* */ 為多行註解

2012年7月19日星期四

JavaScript-2

Js 這套語言,對粗心阳來說還是需要有Html的基礎來學習會比較好,所以希望初心者們能夠對於Html的語法有一定的認識再來看Js.我推薦以下兩個網站給大家認識會比較快

http://www.w3schools.com/html/ 英文

http://www.w3school.com.cn/html/html_intro.asp 簡體

我簡單介紹一下Html的語法:
大家可以先隨便找一個網頁打開來,不管是用什麼瀏覽器開如IE,chrome,firefox,safari.接著對網頁空白處按右鍵後再點選"檢視網頁原始碼"就可以看見此頁面網頁的Html語法構成如:
<html>
<head>
<title>網頁標題</title>
</head>
<body>網頁顯示出來的內容</body>
</html>
這就是網頁基本構成語法,要記得都需要成對標籤如<html></html>來做結尾.
要特別說的就是若有Js在網頁內的話會發現有這段語法:

<script type="text/javascript"></script>
這段語法其實只要放在<html></html>內就會在網頁中執行,像將這段語法放在<body></body>內或<head></head>內也會執行,可是要注意的執行有其順序,也就是說Js語法會從上至下照順序執行,而且每段的Js都有其關聯性.而我們能不能把Js語法放Html標籤裡面呢?如下像<body <script type="JavaScript/text"></script>></body>,當然這是不行的,因為這就違背了Html的標籤原則(但PHP語法是可以的).


JS語法還可以這樣寫  


<script language="JavaScript" type="text/javascript"></script>
<script language="JavaScript"></script> 
<script></script>



也就是說我們可以有以上包含<script type="JavaScript"></script>四種寫法可以用來執行JavaScirpt檔案

-------------------------------------------------------------

Js 現學現賣

從上提到Js的語法可以有幾種形式表現,目前我就以<script></script>來預設此為Js語法. 

<script> 

             alert("My first JavaScript");

</script>

這就是一個簡單的Js語法,其功能就是當你開啟網頁時自動彈跳出來的小視窗寫著"My first JavaScript". 不過請大家可以自己嘗試看看,這裡推薦兩個好用方便的程式編輯軟體


NotePad++  http://notepad-plus-plus.org/
Pspad           http://www.pspad.com/ 



 這兩款都請各位下載來安裝並親自操作撰寫Js語法後進行網頁的預覽.所以大家可以輸入

<html>

<head><title></title></head>

<body>

<script>

 alert("My first JavaScript");

</script>

</body>

</html>

之後進行預覽就可以看見彈跳視窗寫著"My first JavaScript",不過請注意預覽的檔案要是網頁Html檔案才行,也就是說您要預覽的檔案副檔名要是htm,html即可.




以上是讓大家先立刻現學現賣,下一章我們從基礎開始好好講起.

2012年6月14日星期四

JavaScript-1

Js-JavaScript 粗心阳想學Js-JavaScript以下簡稱Js.

Js是一種不需要編譯器且能直接修改其程式碼後,在網頁上執行就可立刻看到成果的腳本語言.而像C或C++就需要編譯器才能在電腦上執行.(因為電腦有其認識的電腦語言,一般我們用C或C++寫出的程式碼電腦是看不懂的,所以需要編譯器轉換成電腦認識的語言才能執行)

Js是一種動態式的腳本語言(ScriptLanguage). 而且需在瀏覽器上面才能執行喔,也就是說我們一般上網看到的網頁是用HTML寫出的靜態網頁,而加上Js之後呢,就能有動態互動式的網頁效果了. 比如說

動態的文件內容--圖片或網頁內容

更改HTML標籤的樣式和屬性

表單驗證和送出---就是我們在網頁上看到的訂位系統或是留言

網頁的觸發事件或---像是我們一進入這個網頁就跳出一個視窗說"歡迎你!"

建立Web應用程式---這個先不理,先學好基本的再解釋

在這邊提醒初心者們

JavaScript 不是 JAVA程式語言

JavaScript 程式碼是內嵌在HTML網頁內

JavaScript是一列一列可執行的程式碼

其實到這邊大家可以想一下Js簡單來說就是讓HTML更豐富的一個好用的程式碼,而且在各大的瀏覽器像是IE,Fire Fox,Safari,Chrome,Opera等都能執行~!

秘(重點是Unity也派得上用場了)

訂閱：文章 (Atom)

2014年1月18日 星期六

2013年12月9日 星期一

2013年12月5日 星期四

2013年12月4日 星期三

2013年12月3日 星期二

2013年12月1日 星期日

2013年11月27日 星期三

2012年10月13日 星期六

2012年9月22日 星期六

2012年9月17日 星期一

2012年9月11日 星期二

2012年8月10日 星期五

2012年8月3日 星期五

2012年7月26日 星期四

2012年7月19日 星期四

2012年6月14日 星期四

2014年1月18日星期六

2013年12月9日星期一

2013年12月5日星期四

2013年12月4日星期三

2013年12月3日星期二

2013年12月1日星期日

2013年11月27日星期三

2012年10月13日星期六

2012年9月22日星期六

2012年9月17日星期一

2012年9月11日星期二

2012年8月10日星期五

2012年8月3日星期五

2012年7月26日星期四

2012年7月19日星期四

2012年6月14日星期四