<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)屬性:隸屬於某個特定對象的變量;
方法:只有某個特定對象才能調用的函數;
均可以用點語法訪問:
(2)創建一個新的對象的實例:用new關鍵字:
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宿主對象可以用來捕捉頁面上的任何一個元素的信息。