Javascript 入門基礎(chǔ)學(xué)習(xí)
一.JavaScript簡(jiǎn)介:
學(xué)習(xí)JavaScript之前,有些東西你需要先了解:
HTML
XHTML
我覺得這些不需要太深入,懂個(gè)大概就行。
JavaScript是:
JavaScript 被設(shè)計(jì)用來(lái)向 HTML 頁(yè)面添加交互行為。
JavaScript 是一種腳本語(yǔ)言。
JavaScript 由數(shù)行可執(zhí)行計(jì)算機(jī)代碼組成。
JavaScript 通常被直接嵌入 HTML 頁(yè)面。
JavaScript 是一種解釋性語(yǔ)言。
所有的人無(wú)需購(gòu)買許可證均可使用 JavaScript。
這些都是一些書里關(guān)于JavaScript的定義,知道就行了。
二.實(shí)現(xiàn)JavaScript簡(jiǎn)單的例子:
[html]
<html>
<body>
<script type="text/javascript">
document.write("這就是JavaScript.");
</script>
</body>
</html>
將JavaScript代碼嵌入HTML頁(yè)面時(shí),需要在頭和尾處加上JavaScript的標(biāo)簽,來(lái)告訴瀏覽器這是JavaScript代碼。
比如上面的例子就會(huì)在頁(yè)面上顯示:
這就是JavaScript.
假如沒有例子中的紅色部分代碼,將會(huì)顯示:
document.write("這就是JavaScript.")
在以前,老的瀏覽器不支持JavaScript時(shí),為防止瀏覽器將JavaScript代碼當(dāng)做文本輸出,我們可以將代碼寫成:
<script type="text/javascript">
<!--
document.write("Hello World!");
//-->
</script>
這樣的話不支持JavaScript的瀏覽器會(huì)自動(dòng)跳過(guò)里面的代碼,支持的則將會(huì)執(zhí)行里面的代碼。
一般情況下,我們盡可能的將JavaScript代碼獨(dú)立出來(lái),做成外部文件,一是使頁(yè)面代碼不那么混亂,二是在不同頁(yè)面復(fù)用JavaScript代碼時(shí)避免重復(fù)編寫。
<script src="aaa.js">....</script>
.js文件一般統(tǒng)一放在網(wǎng)站的子目錄中,方便維護(hù)和增加代碼可讀性。
三.JavaScript語(yǔ)句及注釋
JavaScript語(yǔ)句帶不帶“;”都可以,不帶的以一行為一句,帶“;”的可以在同一行寫多個(gè)語(yǔ)句。
<script type="text/javascript">
document.write("<h1>Hello</h1>"); //以<h1>格式 輸出 "Hello"
document.write("World"); // 輸出 "World"
/*這樣的多行注釋。*/
</script>
從這個(gè)簡(jiǎn)單例子中可以看出來(lái)在JavaScript輸出語(yǔ)句中可以嵌入HTML語(yǔ)句,您可以試著寫一些復(fù)雜的例子。
四.JavaScript基本語(yǔ)法
1.聲明變量
var x;var x=1;var x="你好"。。。。就一個(gè)var,很是簡(jiǎn)單。
2.運(yùn)算符
這個(gè)和其他語(yǔ)言很類似,沒什么好說(shuō)的。網(wǎng)上找張表,自己看看。
運(yùn)算符 描述
+ 加
- 減
* 乘
/ 除
% 求余數(shù)
++ 累加
-- 遞減
運(yùn)算符 例子 等價(jià)于
= 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
有意思的是若是兩個(gè)字符串相加,輸出的是這兩個(gè)字符串拼接的結(jié)果。
3.if,switch,for,while
這些都很簡(jiǎn)單,看看例子就行了。
<script type="text/javascript">
var a=3
if(a==1)
{
document.write("a的值是1");
}
else if(a==2)
{
document.write("a的值是2");
}
else
{
document.write("a的值比2大");
}
</script>
switch(n)
{
case 1:
執(zhí)行代碼塊 1
break
case 2:
執(zhí)行代碼塊 2
break
default:
如果n即不是1也不是2,則執(zhí)行此代碼
}
for (i=0;i<=10;i++)
{
document.write("The number is " + i)
document.write("<br />")
}
var i=0
do{
document.write("The number is " + i)
document.write("<br>")
i++
}while (i <= 10)
var i=0
while (i <= 10)
{
document.write("The number is " + i)
document.write("<br>")
i++
}
for (變量 in 對(duì)象)//遍歷數(shù)組常用的
{
在此執(zhí)行代碼
}
這些都是最基礎(chǔ)的東西,下次我會(huì)將JavaScript中常用的事件寫出來(lái)。
- 如何學(xué)習(xí)Javascript入門指導(dǎo)
- ExtJS 學(xué)習(xí)專題(一) 如何應(yīng)用ExtJS(附實(shí)例)
- JavaScript入門學(xué)習(xí)書籍推薦
- Javascript入門學(xué)習(xí)第一篇 js基礎(chǔ)
- Javascript入門學(xué)習(xí)第八篇 js dom節(jié)點(diǎn)屬性說(shuō)明
- 入門基礎(chǔ)學(xué)習(xí) ExtJS筆記(一)
- Javascript入門學(xué)習(xí)第九篇 Javascript DOM 總結(jié)
- JavaScript 學(xué)習(xí)初步 入門教程
- JavaScript的學(xué)習(xí)入門整理篇
- 如何學(xué)JavaScript?前輩的經(jīng)驗(yàn)之談
相關(guān)文章
JavaScript fontcolor方法入門實(shí)例(按照指定的顏色來(lái)顯示字符串)
這篇文章主要介紹了JavaScript fontcolor方法入門實(shí)例,fontcolor方法用于按照指定的顏色來(lái)顯示字符串,需要的朋友可以參考下2014-10-10有關(guān)JavaScript中call()和apply() 的一些理解
下面小編就為大家?guī)?lái)一篇有關(guān)JavaScript中call()和apply() 的一些理解。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05JS?數(shù)組sort方法的升序?yàn)槭裁词莂-b你知道嗎
這篇文章主要為大家詳細(xì)介紹了JS?數(shù)組sort方法為什么升序是a-b,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來(lái)幫助2022-02-02簡(jiǎn)介JavaScript中的setDate()方法的使用
這篇文章主要介紹了簡(jiǎn)介JavaScript中的setDate()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06JavaScript lastIndexOf方法入門實(shí)例(計(jì)算指定字符在字符串中最后一次出現(xiàn)的位置)
這篇文章主要介紹了JavaScript字符串對(duì)象的lastIndexOf方法入門實(shí)例,lastIndexOf方法用于計(jì)算指定字符在字符串中最后一次出現(xiàn)的位置,需要的朋友可以參考下2014-10-10Javascript基礎(chǔ)學(xué)習(xí)筆記(菜鳥必看篇)
下面小編就為大家?guī)?lái)一篇Javascript基礎(chǔ)學(xué)習(xí)筆記(菜鳥必看篇)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07