JavaScript語法基礎

<span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: rgb(255, 255, 255);">一,如何在Html文本中添加JavaScript文件:</span>
<span style="font-family: Arial, Helvetica, sans-serif; font-weight: normal; background-color: rgb(255, 255, 255);">(1)將Javascript代碼放在head標籤下的<script>    </script>標籤中;</span>

(2)將Javascript代碼另存爲.js文件,在<head>部分加入以下代碼:

<pre name="code" class="html">   <script src=“file.js" type="text/java script"></script>

(3)將2中的代碼放置於HTML文檔最後,</body>之前,如

<html lang="en">
<head>
  .....
</head>
<body>
   .......
   .......
   <script src=“file.js" type="text/java script"></script>
</body>
</html>

二,語法(與c語言不同之處)

1.數據類型:

js是一種弱類型語言,所有的數據類型均用 var來聲明。

(1)字符串:
/*單雙引號均可*/
var mood="happy"
var mood='happy'
var mood='i don/'t say'  //和c語言一樣用/實現轉義字符的表示
(2)數值:不規定整數還是浮點數,可任意賦值
var age=35
var age=33.25
(3) 布爾值:true或false

(4) 數組:
用Array()或者[ ]來表示,( )括號裏可以爲數字或者是初始化元素,數字標示數組元素的個數。( ) [ ]括號裏可以爲空,表示不指定元素個數,[ ]裏可以爲初始化元素。
var beatles = Array(4);
var beatles = Array( );
var beatles = Array('John','Paul','George');
var beatles = [];
var beatles = ['John','Paul','George','Ringo'];
數組元素的使用和c語言相同:
beatles[0]='John';
beatles[1]='Paul';

二維數組和用法也類似c語言並且包含struct的用法:

var lennon=['John',1940,false];
var beatles=[];
beatles[0]=lennon;
//則 beatles[0][0]='John',beatles[0][1]=1940;

(5)對象--詳見後面(以後再補充

對象也是用一個名字表示一組值,對象的每一個值都是對象的一個屬性。
對象用Object()或者{}表示,賦值和初始化和數組類似:用.操作符來獲取對象屬性,賦值時:屬性名:值。
/*Object()*/
var lennon = Object();
lennon.name="John";
lennon.year="1940";
lennon.living=false;
/*{}*/
var lennon={name:'John',year:1940,living:false};

2.操作:

(1)算術運算符:+ - * / ++ -- 同c語言  
注意:+ 運算符可以實現字符串的拼接:
var message="i am "+"happy";
var mood="happy";
var message="i am "+mood;
var year=2005;
var message="the year is "+2005;//數值和字符串拼接時可以自動轉換爲字符串。
var message="the year is ";
message+=2005;  //同理+=有兩種含義,具體情況具體分析,此處爲字符串拼接功能,message爲 the year is 2005


(2)條件運算符:同c if(condition) statement; else....
(3)比較運算符:> < >= <= == != 同c  
 注意 有兩種新運算符:===  表示嚴格相等  !==表示嚴格不相等---嚴格相等:類型和值必須都相等;例如:javascript 認爲 false 和’ ‘空字符表示相同的含義,在==中返回的是true,但是===中返回false,因爲其值含義相同,但是他們的類型不同;
(4)邏輯操作符:!&& || 同 c  語言;

3.語句-----同c

while(...){...}
do{...}while(..);
for(..;..;..){...}
if(...) {...}
else{.....}

4.函數:用function聲明,即返回值默認爲function;

function convertToCelsius(temp){
     var result=temp-32;
     result/=1.8;
     return result;
}


var tempF=95;
var tempC=convertToCelsius(tempF);
alert(tempC);    //彈窗顯示結果爲35;

5.對象:幾個重要的概念:(關於對象以後再深入挖掘

(1)屬性:隸屬於某個特定對象的變量;
          方法:只有某個特定對象才能調用的函數;
         均可以用點語法訪問:
Object.prprerity;
Object.method();

 (2)創建一個新的對象的實例:用new關鍵字:
var jeremy=new Person;
jeremy.mood='happy';
jeremy.age=30;


(3)內建對象:js自帶的對象,比如:Date Math Array等;

(4)宿主對象:瀏覽器web提供的對象:Form ,Image,Element,Document;
          
  注意:Document宿主對象可以用來捕捉頁面上的任何一個元素的信息。



三,DOM----Document,Object,Method













發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章