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