關於Javascript 入門基礎學習
關於Javascript 入門基礎學習
一Script簡介:
學習JavaScript之前,有些東西你需要先了解:
HTML
XHTML
我覺得這些不需要太深入,懂個大概就行。
JavaScript是:
JavaScript 被設計用來向 HTML 頁面添加交互行爲。
JavaScript 是一種腳本語言。
JavaScript 通常被直接嵌入 HTML 頁面。
JavaScript 是一種解釋性語言。
所有的人無需購買許可證均可使用 JavaScript。
這些都是一些書裏關於JavaScript的定義,知道就行了。
二.實現JavaScript簡單的例子:
[html]
e("這就是JavaScript.");
將JavaScript代碼嵌入HTML頁面時,需要在頭和尾處加上JavaScript的標籤,來告訴瀏覽器這是JavaScript代碼。
比如上面的例子就會在頁面上顯示:
這就是JavaScript.
假如沒有例子中的紅色部分代碼,將會顯示:
e("這就是JavaScript.")
在以前,老的瀏覽器不支持JavaScript時,爲防止瀏覽器將JavaScript代碼當做文本輸出,我們可以將代碼寫成:
複製代碼 代碼如下:
這樣的話不支持JavaScript的瀏覽器會自動跳過裏面的代碼,支持的則將會執行裏面的代碼。
一般情況下,我們儘可能的將JavaScript代碼獨立出來,做成外部文件,一是使頁面代碼不那麼混亂,二是在不同頁面複用JavaScript代碼時避免重複編寫。
....
文件一般統一放在網站的子目錄中,方便維護和增加代碼可讀性。
三Script語句及註釋
JavaScript語句帶不帶“;”都可以,不帶的以一行爲一句,帶“;”的`可以在同一行寫多個語句。
複製代碼 代碼如下:
e("
Hello
"); //以
格式 輸出 "Hello"
e("World"); // 輸出 "World"
/*這樣的多行註釋。*/
從這個簡單例子中可以看出來在JavaScript輸出語句中可以嵌入HTML語句,您可以試着寫一些複雜的例子。
四Script基本語法
1.聲明變量
var x;var x=1;var x="你好"。。。。就一個var,很是簡單。
2.運算符
這個和其他語言很類似,沒什麼好說的。網上找張表,自己看看。
運算符 描述
+ 加
- 減
* 乘
/ 除
% 求餘數
++ 累加
-- 遞減
運算符 例子 等價於
= 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
有意思的是若是兩個字符串相加,輸出的是這兩個字符串拼接的結果。
,switch,for,while
這些都很簡單,看看例子就行了。
複製代碼 代碼如下:
var a=3
if(a==1)
{
e("a的值是1");
}
else if(a==2)
{
e("a的值是2");
}
else
{
e("a的值比2大");
}
複製代碼 代碼如下:
switch(n)
{
case 1:
執行代碼塊 1
break
case 2:
執行代碼塊 2
break
default:
如果n即不是1也不是2,則執行此代碼
}
複製代碼 代碼如下:
for (i=0;i<=10;i++)
{
e("The number is " + i)
e("
")
}
複製代碼 代碼如下:
var i=0
do{
e("The number is " + i)
e("
")
i++
}while (i <= 10)
複製代碼 代碼如下:
var i=0
while (i <= 10)
{e("The number is " + i)
e("")i++}
複製代碼 代碼如下:
for (變量 in 對象)//遍歷數組常用的
{
在此執行代碼
}
這些都是最基礎的東西,下次我會將JavaScript中常用的事件寫出來。
相關文章
-
javascript入門零基礎掌握
javascript入門零基礎掌握 1、運算符運算符就是完成操作的一系列符號,它有七類:賦值運算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=)、算術運算符(+,-,*,/,++,--,%)、比較運算符(>,<,<=,>=,==,===,!=,!==)、邏輯運算符( -
Javascript入門學習js函數
1,函數:function是一個定義一次卻可以多次調用的js代碼。當一個函數被一個對象調用時,那麼這個函數就叫做這個對象的方法。functioncssrain(x,y){code}解釋:cssrain:爲函數名;():爲運算符;x,y:爲參數; 2,函數的'返 -
關於javascript的基礎知識
元字符^ $ . * + ? = ! : | / ( ) [ ] { }在使用這些符號時需要用“”來進行轉移。如果記不清楚那些標點符號需要轉移,可以在使用標點符號時都使用反斜槓“”簡單匹配1、直接量 /javascript/ 匹配帶有“javascript”的 -
Javascript基礎教程之數組array
字符串,數值,布爾值都屬於離散值(scalar),如果某個變量是離散的,那麼任何時候它只有一個值。如果想使用變量存儲一組值,就需要使用數組(array)。數組是由多個名稱相同的樹值構成的集合,集合中每個數組都是數組的元素(element -
如何入門學習JavaScript
做網頁單單做出了一個靜態頁面是遠遠不夠的,那麼需要什麼才能時頁面變的更加的多樣化呢?下面小編來給大家來介紹一種腳本語言JavaScript。JavaScript一種直譯式腳本語言,是一種動態類型、弱類型、基於原型的語言,內置支 -
關於Javascript基礎教程:變量
javascript 中變量通過var關鍵字(variable)來聲明的。複製代碼 代碼如下:var school = "beijingyizhong"也可以通過var 關鍵字給變量多個值。複製代碼 代碼如下:var school = "beijingyizhong" , diqu = "beijing" , -
深入學習Javascript中的this關鍵字
下面的文章將爲大家講述Javascript中的this關鍵字、講解了方法調用模式、函數調用模式、構造器調用模式、apply調用模式中this的不同之處,需要的朋友可以參考一下。 理解thisthis是一個與執行上下文(execution con -
JavaScript 基礎教學
JavaScript 基礎篇(一)基礎篇Javascript:一、數據類型和值javascript:允許使用3種基本類型數據--------數字、字符串、布爾值,此外還支持兩種小數據類型null(空)和undefine(未定義).javascript:還支持符合數據類型-對象 -
淺談如何深入學習Javascript中的this關鍵字
XX年的工作即將告一段落,回顧這半年來的工作,我在公司領導及各位同事的支持與幫助下,嚴格要求自己,按照公司的要求,較好地完成了自己的本職工作。通過半年來的學習與工作,工作模式上有了新的突破,工作方式有了較大的改變,現將 -
JavaScript JS入門詳細教程
JavaScript 參考教程本教程爲未接觸過 JavaScript 的讀者提供了比較完善的初級知識,但只限於初級知識:所有與動態網頁密切相關的 JavaScript 在本教程中都未提及,包括動態定位、動畫、讓文檔接收更多事件(ureEvent())等;