當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

【经典回放】JavaScript学习详细干货笔记之（一）

發布時間：2023/12/4 javascript 32 豆豆

生活随笔收集整理的這篇文章主要介紹了【经典回放】JavaScript学习详细干货笔记之（一）小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

【經典回放】JavaScript學習詳細干貨筆記之（一）

【經典回放】JavaScript學習詳細干貨筆記之（二）

【經典回放】JavaScript學習詳細干貨筆記之（三）

一、為什么要學JavaScript

二、JavaScript經典案例

例1 一個最簡單的網頁構成：

例2 瀏覽器上加入控件

例3 事件與響應程序

例4 輸入半徑、求圓面積

例5 歐拉素數公式驗證，公式是a=n*n-n+41，n[-39,41]

例6 愛因斯坦的臺階

例7 邊長為a,b,c的三角形的面積。

例8 最大公約數。

一、為什么要學JavaScript

首先、JavaScript是瀏覽器下運行的程序，也就是說：只要是能上網的瀏覽器、就應該能支持JavaScript的運行，這點，是C語言、VB等根本不能比擬的事情。所以網絡上許多優秀的程序，都是用JavaScript編寫的，能讓你的網頁功能異常強大。在EXT3.0的文件夾里、就是一套JavaScript編寫好的程序包，恰當調用這些包、就能編寫出和這些范例一樣的程序，而類似這樣的包還很多，比如JQuery、Dojo、YUI等等的，它們的功能都非常強大，所以學會JavaScript、善于使用這些包的程序、非常重要。

同理，我們在后面還要學到C#，這個語言主要是給服務器編程使用的，僅僅是瀏覽器下的程序是遠遠不夠的。隨后我們學習的Ajax編程、主要是要用這兩套語言去完成，當然，還要其他的語言來支持。

那么我們現在學習的C語言，實際目前最主要的用途就是：首先是能考證、其次是讓學習JavaScript和C#變的容易點，畢竟這些語言的用法有很大的相似性。事實上我們大多的C語言作業、是可以用JavaScript去完成的。

二、JavaScript經典案例

JavaScript是一個支持圖形界面的程序，而圖形界面的構成，是用HTML語言構成的，HTML就是網頁設計的語言，它的全部內容很多，但在我們開始的學習中，我們僅僅從最簡單的學習起。

掌握以下經典案例，JavaScript手到擒來。

例1 一個最簡單的網頁構成：

<HTML><HEAD><TITLE>這里是你網頁的標題</TITLE><SCRIPT TYPE="TEXT/JAVASCRIPT">//這里要加入的是JAVASCRIPT的代碼</SCRIPT></HEAD><BODY BGCOLOR="#FF1234"><DIV></DIV></BODY> </HTML>

注意這個程序段落：<HTML>是這個段落的開始，最后，要用</HTML>去結束。在這個大段落里，有<HEAD>和<BODY>兩個段落，每個段落都用</HEAD>和</BODY>結束，而在<HEAD>里，也有兩個段落：<TITLE>和<SCRIPT>兩個段落。在隨后的介紹里，我們的程序將寫在<SCRIPT>段落里。

< BODY BGCOLOR="#FF1234">說明了網頁構成的單元，其中BGCOLOR是背景顏色，對一個網頁，顏色是有紅綠藍三種基本顏色組成的，每種顏色的明亮程度分為0~255個等級，轉換成16進制、就是0~FF，上述的顏色描述，就是說紅色亮度為FF、綠色亮度是12、而藍色的亮度是34，注意都是16進制的。如果說顏色是：”#FFUVWX”、則顯然是錯誤的，因為16進制里沒UVWX這樣的數字。修改顏色的值，構造出一個你喜歡的網頁背景顏色。運行它，你會發現在<TITLE></TITLE>中的字符將顯示在瀏覽器的左上角中。

例2 瀏覽器上加入控件

瀏覽器上加入控件的意思是：讓瀏覽器上顯示出個按鈕、文本框之類的東西，加入控件一定要記著：要寫在<DIV></DIV>段落中，比如我們在瀏覽器上加入按鈕，就是：

這個語句的含義是：

加入INPUT（輸入模式）的控件；

TYPE="button"：意思是說：類型是按鈕；

ID=BUTTON1：這個按鈕的名稱是BUTTON1，以后或許我們要加100個按鈕，所以100個按鈕類型都是TYPE=”button”、但每個都要有名稱，比如BUTTON1到BUTTON100；

value="開始測試"：說明按鈕上顯示：開始測試

注意這個語句寫的位置：

程序2： a1_1.htm

注意位置，如果再加入一行：

<INPUT TYPE="button" ID=BUTTON2 value="開始測試" />

瀏覽器上將會有2個按鈕，注意ID，這個控件是BUTTON2，你把它改成BUTTON1，盡管瀏覽器也能顯示出來，但這樣就無法使用了。至于value，則是按鈕上顯示的字符，可以和其他按鈕一樣、也可以不一樣。

再加入：

???????????????? <INPUT TYPE="input"? ID="text1" value="我的文本框" />???

則代表給瀏覽器上加入了一個文本框，名稱text1，寫入””中則代表要在JavaScript中直接按text1使用它，這個和BUTTON1不一樣，后面還會介紹到。注意：如果要加入很多的文本框，則它們每個的ID都是不能相同的。

嘗試著加入3個按鈕、5個文本框。

<HTML><HEAD><TITLE>加入控件測試</TITLE><SCRIPT TYPE="TEXT/JAVASCRIPT">//這里要加入的是JAVASCRIPT的代碼</SCRIPT></HEAD><BODY BGCOLOR="#00FF00"><DIV><INPUT TYPE="button" ID=BUTTON1 value="開始測試" /></DIV></BODY> </HTML>

例3 事件與響應程序

所謂事件，就是當你的鼠標點了控件、雙擊控件或者移動過控件等這些操作；

響應程序，就是發生事件后、該進行什么樣的處理。

我們現在首先把界面上僅僅造一個按鈕、看鼠標點該按鈕后要進行的操作。要說明這樣的按鈕，就是用：

<INPUT TYPE="button" ID=BUTTON1 value="點我" οnclick='響應函數名稱()'/> 構造按鈕，這個控件說明中，其中：

οnclick='響應函數名稱()'

非常重要，所謂響應函數名稱、就是用JavaScript編寫的一個函數。函數的名稱是自己可以隨便定義的，比如我們打算用函數fun1()來處理這個鼠標點擊，則函數是：

function fun1() {alert("你好，我的第一個網頁程序~"); }

alert()是JavaScript的一個提示函數，會在消息框中提示后面的字符串，除了函數前必須加function外，其他寫法和C語言沒什么差別。

最關鍵的有兩點：

1 我們的按鈕BUTTON1的實踐響應函數應該是fun1()、所以，這個按鈕的說明就應該是這樣的：

<INPUT TYPE="button" ID=BUTTON1 value="點我" οnclick='fun1()'/>

一定注意οnclick=后的寫法

2 響應函數fun1()在網頁中、要寫在<SCRIPT></SCRIPT>之間，千萬不能在其他地方寫這些函數代碼，否則不會執行。

完整的程序就是下面的內容：

<HTML><HEAD><TITLE>這里是你網頁的標題</TITLE><SCRIPT TYPE="TEXT/JAVASCRIPT">//這里要加入的是JAVASCRIPT的代碼function fun1(){alert("你好，我的第一個網頁程序~");}</SCRIPT></HEAD><BODY BGCOLOR="#00FF00"><DIV><INPUT TYPE="button" ID=BUTTON1 value="點我" onclick='fun1()'/></DIV></BODY> </HTML>

一定注意上面內容中紅色粗體字部分，瀏覽器中打開它，點那個按鈕吧，會看到提示的。

例4 輸入半徑、求圓面積

首先想界面構成，要輸入半徑，肯定要一個文本框，而計算，則要有個命令按鈕，所以要加兩個控件：

也就是說：在text1中輸入半徑、按下“開始計算“按鈕，則將把結果顯示出來。注意這個按鈕：它的鼠標點事件響應函數是Area()

對JavaScript語言來說，變量僅有一個類型：var，注意是小寫的，這點和C語言有很大不同，但使用起來、確實很方便。首先、JavaScript函數要獲得text1控件中輸入的值，于是有：

function Area() {var r;r=text1.value; }

這段程序就可以從text1控件中讀到輸入的值。再申請個變量a用來計算圓面積，就是：

function Area() {var r,a;r=text1.value;a=3.141592654*r*r；alert(“圓面積是”+a); }

這樣，a中就可以計算出圓的面積來，要顯示彈出消息框來報告結果。整個程序是：

<HTML><HEAD><TITLE>圓的面積</TITLE><SCRIPT TYPE="TEXT/JAVASCRIPT">//這里要加入的是JAVASCRIPT的代碼function Area(){var r,a;r=text1.value;a=3.141592654*r*r;alert("圓面積是："+a);}</SCRIPT></HEAD><BODY BGCOLOR="black"><DIV><INPUT TYPE="button" ID=BUTTON1 value="開始計算" onclick='Area()'/><INPUT TYPE='input' ID="text1"/></DIV></BODY> </HTML>

另外一種輸出語句是：document.write(“圓面積是：”+a);

注意：這一句將把結果直寫到網頁上、并清除所有的元素，用這一句代替alter()，則又是新的一種顯示結果，a4.htm就是這樣的網頁，這種顯示方法適合顯示結果很多的情況。當然，你也可以再加一個文本框、把結果顯示在新的文本框里。

**例5 歐拉素數公式驗證，公式是a=n*n-n+41，n[-39,41]**

首先這個公式的計算沒輸入數據的要求，所以不需要文本框，但我們要補充一個判斷素數的函數，對C語言，則是：

int prime(int n){int I;for(I=2;I<=n/2;I++)if(n%I==0) return 0;return 1; }

上述函數我們很熟悉，現在要改寫成JavaScript語言的，注意JavaScript變量僅僅有var，并且JavaScript有false、ture的概念，所以有：

function prime(n) {var i;for(i=2;i<=n/2;i++)if(n%i==0) return false;return true; }

注意和C語言的差別：首先是函數沒返回類型，這點和C有很大區別，其次是C的函數沒有function這樣的描述。

為證明歐拉公式，我們再編寫個函數，就是：

function Euler() {var a,n;for(n=-39;n<=41;n++){a=n*n-n+41;if(prime(a))document.write(n+"歐拉公式正確"+"<br>");elsedocument.write(n+"歐拉公式錯誤"+"<br>");} }

這個函數同C語言的差異也不大，用document.write()代替了printf()，用“var a,n;”代替了“int a,n;”，函數前補充了function，這些變動都是很小的。

最主要的是：document.write()能顯示很多數據，這點是alter()不能比的。在上述的顯示內容中，其中的："<br>"是回車換行，相當于C語言的："\n"，差別是一個在瀏覽器中起作用、一個是在黑屏幕上起作用。

最后、一定注意函數名稱是：Euler()

所以，我們的按鈕說明、就應該是這樣的：

說明這個按鈕一旦按下、則執行函數：Euler()，整個就是：

<HTML><HEAD><TITLE>歐拉公式</TITLE><SCRIPT TYPE="TEXT/JAVASCRIPT">//這里要加入的是JAVASCRIPT的代碼function prime(n){var i;for(i=2;i<=n/2;i++)if(n%i==0) return false;return true;}function Euler(){var a,n;for(n=-39;n<=41;n++){a=n*n-n+41;if(prime(a))document.write(n+"歐拉公式正確"+"<br>");elsedocument.write(n+"歐拉公式錯誤"+"<br>");}}</SCRIPT></HEAD><BODY BGCOLOR="#FFFF00"><DIV><INPUT TYPE="button" ID=BUTTON1 value="開始計算" onclick='Euler()'/></DIV></BODY> </HTML>

這個程序能計算-39到41之間的值，嘗試著修改一下，讓它能計算用戶輸入的數據范圍的值。實際就是再加2個文本框、讓用戶可以輸入兩個數據。

例6 愛因斯坦的臺階

這是一個典型的窮舉問題，只能不斷的嘗試，先設臺階數量為n，n從2開始、逐步增加，只要滿足條件：

n%2==1&&n%3==2&&n%5==4&&n%6==5&&n%7==0

則循環停止，n從2到不知道大小的一個數，所以可以先假定到10000吧，就是：

for(n=2;n<=10000;n++)

??????? if(n%2==1&&n%3==2&&n%5==4&&n%6==5&&n%7==0) break;

(這里你看不出來是C語言還是JavaScript，實際都一樣)

或者寫成：

for(n=2;!(n%2==1&&n%3==2&&n%5==4&&n%6==5&&n%7==0);n++)

;

注意這個循環是空循環，意思是不滿足條件：

n%2==1&&n%3==2&&n%5==4&&n%6==5&&n%7==0

則執行空循環、然后再n++;

寫法可以很多，結果是一個，我們這里把結果顯示在一個文本框TEXT1里。所以上述函數就是：???????????????

function fun() {var n=2;for(n=2;!(n%2==1&&n%3==2&&n%5==4&&n%6==5&&n%7==0);n++);TEXT1.value=n; }

注意函數名稱是：fun()，所以按鈕控件就是：

而顯示結果的文本框就是：

一定注意：在JavaScript函數中引用的是：TEXT1控件，則定義的時候一定要把控件的名稱也寫成TEXT1，如果寫成Text1，則肯定杯具了。整個就是：

愛因斯坦的臺階：

<HTML><HEAD><TITLE>愛因斯坦的臺階</TITLE><SCRIPT TYPE="TEXT/JAVASCRIPT">//這里要加入的是JAVASCRIPT的代碼function fun(){var n=2;for(n=2;!(n%2==1&&n%3==2&&n%5==4&&n%6==5&&n%7==0);n++);TEXT1.value=n;}</SCRIPT></HEAD><BODY BGCOLOR="#FFFF00"><DIV><INPUT TYPE="button" ID=BUTTON1 value="開始計算" onclick='fun()'/><INPUT TYPE="input" ID="TEXT1"/></DIV></BODY> </HTML>

例7 邊長為a,b,c的三角形的面積。

公式：s=(a+b+c)/2;

A=sqrt(s*(s-a)*(s-b)*(s-c))

這個公式最關鍵的是：要首先判斷a、b、c是不是三角形的數據，否則開平方程序就錯了，會崩潰的。

為輸入三個邊長的數據，首先要有三個文本框控件，考慮到結果也顯示在文本框里，于是做4個文本框，外帶一個計算按鈕，于是有：

<INPUT TYPE="button" ID=BUTTON1 value="開始計算" onclick='Triangle()'/><INPUT TYPE="input" ID="A"/><INPUT TYPE="input" ID="B"/><INPUT TYPE="input" ID="C"/><INPUT TYPE="input" ID="RESULT"/>：

其中A、B、C控件是輸入三邊長的文本框，而按鈕的響應函數，一定注意是Triangle(),這個函數是計算三角形面積的。

最簡單的函數就是：

function Triangle() {var a,b,c,s,a;a=A.value;b=B.value;c=C.value;s=(a+b+c)/2;a=Math.sqrt(s*(s-a)*(s-b)*(s-c));RESULT.value=a; }

整個程序就是：

<HTML><HEAD><TITLE>三角形的面積</TITLE><SCRIPT TYPE="TEXT/JAVASCRIPT">//這里要加入的是JAVASCRIPT的代碼function Triangle(){var a,b,c,s,a;a=A.value;b=B.value;c=C.value;s=(a+b+c)/2;a=Math.sqrt(s*(s-a)*(s-b)*(s-c));RESULT.value=a;}</SCRIPT></HEAD><BODY BGCOLOR="#FFFF00"><DIV><INPUT TYPE="button" ID=BUTTON1 value="開始計算" onclick='Triangle()'/><INPUT TYPE="input" ID="A"/><INPUT TYPE="input" ID="B"/><INPUT TYPE="input" ID="C"/><INPUT TYPE="input" ID="RESULT"/></DIV></BODY> </HTML>

但這個程序肯定是有問題的，計算出來是錯誤的。首先Math.sqrt()必須要求是個float類型的數據，而從文本框里讀到的數據，我們卻不知道類型，實際大多情況下，我們知道是字符串。JavaScript有個強制類型轉換函數，就是parseFloat()，于是上述函數就變為：

<HTML><HEAD><TITLE>三角形的面積</TITLE><SCRIPT TYPE="TEXT/JAVASCRIPT">//這里要加入的是JAVASCRIPT的代碼function Triangle(){var a,b,c,s,a;a=parseFloat(A.value);b= parseFloat(B.value);c= parseFloat(C.value);s=(a+b+c)/2;a=Math.sqrt(s*(s-a)*(s-b)*(s-c));RESULT.value=a;}</SCRIPT></HEAD><BODY BGCOLOR="#FFFF00"><DIV><INPUT TYPE="button" ID=BUTTON1 value="開始計算" onclick='Triangle()'/><INPUT TYPE="input" ID="A"/><INPUT TYPE="input" ID="B"/><INPUT TYPE="input" ID="C"/><INPUT TYPE="input" ID="RESULT"/></DIV></BODY></HTML>

但這個程序非常脆弱，輸入負值也計算，但肯定是程序崩潰。

為此，還要把這個程序做的更加健壯，于是要假如判斷：

三邊為負則是：

if(a<=0||b<=0||c<=0) {alert("這不是三角形數據、滾~思想有多遠滾的有多遠~");return; }

是否為三角形三邊的判斷則是：

if((a+b)<c||(b+c)<a||(a+c)<b) {alert("這是三角形數據？滾~欠揍啊~");return; }

于是修改后的程序就是：

<HTML><HEAD><TITLE>三角形的面積</TITLE><SCRIPT TYPE="TEXT/JAVASCRIPT">//這里要加入的是JAVASCRIPT的代碼function Triangle(){var a,b,c,s,a;a=parseFloat(A.value);//parseFloat()函數是轉換成浮點數字b=parseFloat(B.value);c=parseFloat(C.value);if(a<=0||b<=0||c<=0){alert("這不是三角形數據、滾~思想有多遠滾的有多遠~");return;}if((a+b)<c||(b+c)<a||(a+c)<b){alert("這是三角形數據？滾~欠揍啊~");return;}s=(a+b+c)/2;a=Math.sqrt(s*(s-a)*(s-b)*(s-c));//Math.sqrt()是開平方RESULT.value=a;}</SCRIPT></HEAD><BODY BGCOLOR="#FFFF00"><DIV><INPUT TYPE="button" ID=BUTTON1 value="開始計算" onclick='Triangle()'/><INPUT TYPE="input" ID="A"/><INPUT TYPE="input" ID="B"/><INPUT TYPE="input" ID="C"/><INPUT TYPE="input" ID="RESULT"/></DIV></BODY></HTML>

例8 最大公約數。

回憶小學的公約數計算方法，比如求30、18的最大公約數，就是：

當然也可以這么計算：

30%18=12

18%12=6

也就是說，令：m=30,n=12

r=m%n

有：r=12

再次有：m=n；n=r；就是m=18,n=12，再次計算就是：

r=m%n，得到r=6

最后，再次執行m=n;n=r;就是m=12,n=6，計算有：

r=m%n，得到r=0，循環終止。

這個算法就是所謂的歐幾里德算法。

做這個算法的時候，確定一定是大數字在m、而小數字在n。

所以有：????????????????

function gcd1(m,n) {var r;//根據m、n的大小交換數據if(m<n){r=m;m=n;n=r;}while(r=m%n){m=n;n=r;}return n; }

這個算法就是所謂迭代，另外一個算法就是所謂窮舉，首先就是因數分解兩個數字：

30=1*2*3*5;

18=1*2*3*3;

這兩個數字共同的部分是1*2*3，這個就是最大公約數。根據最大公約數的性質，這個數一般不大于兩個數中的最大者，所以窮舉的C語言范例就是：

int gcd(int m,int n) {int r,i,a;a=m>n?m:n;r=1;for(i=1;i<a;i++)if(m%i==0&&n%i==0&&i>r) r=i;return r; }

對于JavaScript，轉換過程一樣很簡單：

function gcd2(m,n){var r,i,a;a=m>n?m:n;r=1;for(i=1;i<a;i++)if(m%i==0&&n%i==0&&i>r) r=i;return r;}

實際無論哪個函數，都可以得到你希望的結果。

這個情況下，我們期望有兩個命令按鈕，一個按gcd1()函數計算、而另外一個則按gcd2()函數計算，所以整個網頁將有兩個命令按鈕，所以要：

??????? <INPUT TYPE="button" ID=BUTTON1 value="計算1" οnclick='fun1()'/>

??????? <INPUT TYPE="button" ID=BUTTON2 value="計算2" οnclick='fun2()'/>

注意這兩個按鈕的響應函數：一個是fun1()、而另外一個是fun2()，這兩個函數實際是從兩個文本框中讀數字、并把結果寫到另外一個文本框里，所以就是：

??????? <INPUT TYPE="input" ID="A"/>

??????? <INPUT TYPE="input" ID="B"/>

??????? <INPUT TYPE="input" ID="RESULT"/>

其中A、B兩個文本框是輸入數據、而RESULT則是顯示結果。但要注意的是：fun1()調用的是gcd1()函數、而fun2()調用的是gcd2()函數，它們相似、但完全不是一個意思。

<HTML><HEAD><TITLE>最大公約數</TITLE><SCRIPT TYPE="TEXT/JAVASCRIPT">//這里要加入的是JAVASCRIPT的代碼//歐幾里德算法function gcd1(m,n){var r;if(m<n){r=m;m=n;n=r;}while(r=m%n){m=n;n=r;}return n;}//窮舉算法function gcd2(m,n){var r,i;var a=m>n?m:n;r=1;for(i=1;i<a;i++)if(m%i==0&&n%i==0&&i>r) r=i;return r;}function fun1(){var a=parseInt(A.value);var b=parseInt(B.value);RESULT.value=gcd1(a,b);}function fun2(){var a=parseInt(A.value);var b=parseInt(B.value);RESULT.value=gcd2(a,b);}</SCRIPT></HEAD><BODY BGCOLOR="#FFFF00"><DIV><INPUT TYPE="button" ID=BUTTON1 value="計算1" onclick='fun1()'/><INPUT TYPE="button" ID=BUTTON1 value="計算2" onclick='fun2()'/><INPUT TYPE="input" ID="A"/><INPUT TYPE="input" ID="B"/><INPUT TYPE="input" ID="RESULT"/></DIV></BODY></HTML>

余下的程序，它們分別是：

a8.htm:e的近似值，簡單~

a10.htm: 三數排序，同C，沒什么奇怪的。

a11.htm:作業3.5(2)，++、---運算，結果同C一樣

a12.htm:作業3.5(6)，++、---運算，結果同C一樣

a13.htm:全局變量和靜態變量，JavaScript不認識static

a14.htm:不起作用的swap()函數，原理同C一樣

a15.htm:全局變量的swap()函數，原理同C一樣

a16.htm：JavaScript中的數組定義

a17.htm：自由的JavaScript數組，大小是你愛用多大它就多大，比C幸福。

a18.htm：一個網頁中表格的構造方法，你能看懂么？

作業：

1 在文件夾ext-3.0.0\examples下，找到index.html文件，打開它，然后逐個挑選出你喜歡的外觀組件名稱；

2 打開：ext-3.0.0\examples\desktop\desktop.html，看看這個組件的外觀，說明該組件外觀適合做什么樣的系統？

3 Google中找：JQuery，尋找該編程框架下的各種組件，看看是否有你喜歡的，評價以下和ExtJS組件的外觀差異；

4 Google中找：Dojo，尋找該編程框架下的各種組件，看看你最喜歡的組件是什么？

5 Google中找：YUI、mootools、Prototype等框架，看你喜歡的組件是什么？

6 網絡上尋找上述框架的各種編程資料、范例；

7 哪種框架是IBM、SUN支持的？

8 哪種框架是支持2D、3D作圖的？僅僅是做圖、還可以有什么框架支持？

9 上述框架的基本程序、在哪個網站上提供引用？網絡地址是什么？

10 這些框架是否有收費的？

11 上述框架的基本編程語言是什么？

12 對JavaScript進行編程、最好的編程工具是什么？FireBug是個什么樣的系統？它要什么瀏覽器支持？

劉一哥GIS：專注GIS教育，探索GIS奧秘，分享GIS價值！

總結

以上是生活随笔為你收集整理的【经典回放】JavaScript学习详细干货笔记之（一）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：【学生选课系统经典】C#与SQLSERV
下一篇：【经典回放】JavaScript学习详细

javascript

【经典回放】JavaScript学习详细干货笔记之（一）

【經典回放】JavaScript學習詳細干貨筆記之（一）

【經典回放】JavaScript學習詳細干貨筆記之（二）

【經典回放】JavaScript學習詳細干貨筆記之（三）

一、為什么要學JavaScript

二、JavaScript經典案例

例1 一個最簡單的網頁構成：

例2 瀏覽器上加入控件

例3 事件與響應程序

例4 輸入半徑、求圓面積

例5 歐拉素數公式驗證，公式是a=n*n-n+41，n[-39,41]

例6 愛因斯坦的臺階

例7 邊長為a,b,c的三角形的面積。

例8 最大公約數。

總結

二、JavaScript經典案例

**例5 歐拉素數公式驗證，公式是a=n*n-n+41，n[-39,41]**

例7 邊長為a,b,c的三角形的面積。

例8 最大公約數。