JavaScript 是屬于網(wǎng)絡(luò)的 腳本 語言!可以被用來改進(jìn)設(shè)計(jì)懒浮、表單驗(yàn)證衔肢、創(chuàng)建 cookies , 以及更多的應(yīng)用 , 是一種輕量級的編程語言 , JavaScript文件的文件擴(kuò)展名是 .js 只洒。
JavaScript 對大小寫敏感 , 如果想提高腳本的可讀性,可以為腳本添加空格 , 因?yàn)?JavaScript 會忽略多余的空格
script標(biāo)簽 可以被放置在 HTML 網(wǎng)頁的<body>和<head>部分中
變量
變量 是存信息的容器, var 來聲明變量, 當(dāng)向變量分配文本值時(shí)达箍,應(yīng)該用雙引號或單引號包圍這個(gè)值铣卡。當(dāng)向變量賦的值是數(shù)值時(shí)锉桑,不要使用引號排霉。如果您用引號包圍數(shù)值,該值會被作為文本來處理民轴。如:
var pi=3.14; //數(shù)字
var x=true; //布爾類型,還有false值
var name="Bill"; //字符串
var answer='Yes, I am!'; //字符串
var answer="He is called 'Bill'";//雙引號中包含單引號結(jié)果是He is called 'Bill'
var answer='He is called "Bill"';//單引號中包含雙引號結(jié)果是He is called "Bill"
//數(shù)組的三種形式, 下標(biāo)是基于0的
var cars=new Array("Audi","BMW","Volvo"); //第一種
var cars=new Array(); //第二種
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";
var cars=["Audi","BMW","Volvo"]; //第三種
//對象是由花括號分隔的
var person = { firstname : "Bill", lastname : "Gates", id : 5566 };
當(dāng)沒有賦值的時(shí)候 , 默認(rèn)的值是undefined , 而null是用來清空變量值的 , 也就是將null賦值給變量
如果把值賦給尚未聲明的變量攻柠,該變量將被自動作為全局變量聲明 , 如:
carname="Volvo"; //將聲明一個(gè)全局變量 carname,即使它在函數(shù)內(nèi)執(zhí)行后裸。
函數(shù)
函數(shù) : 由事件驅(qū)動的或者當(dāng)它被調(diào)用時(shí)執(zhí)行的可重復(fù)使用的代碼塊 , 其關(guān)鍵字function , 函數(shù)編寫如下: ( 可以是無參的 , 也可以是一個(gè)或多個(gè)參數(shù) )
function functionname(argument1,argument2)
{
這里是要執(zhí)行的代碼;
return 返回值; //該行根據(jù)需求,可有可無
}
JavaScript 算術(shù)運(yùn)算符
JavaScript 賦值運(yùn)算符
如果把數(shù)字與字符串相加瑰钮,結(jié)果將成為字符串。
JavaScript 比較運(yùn)算符
JavaScript 邏輯運(yùn)算符
JavaScript 添加運(yùn)算符
variablename=(condition)?value1:value2
條件語句
- if (條件) {
只有當(dāng)條件為 true 時(shí)執(zhí)行的代碼
} - if (條件) {
當(dāng)條件為 true 時(shí)執(zhí)行的代碼
} else {
當(dāng)條件不為 true 時(shí)執(zhí)行的代碼
} - if (條件 1) {
當(dāng)條件 1 為 true 時(shí)執(zhí)行的代碼
} else if (條件 2) {
當(dāng)條件 2 為 true 時(shí)執(zhí)行的代碼
} else {
當(dāng)條件 1 和 條件 2 都不為 true 時(shí)執(zhí)行的代碼
} - switch(n){
case 1 : 執(zhí)行代碼塊 1
break;
case 2 : 執(zhí)行代碼塊 2
break;
default : n 與 case 1 和 case 2 不同時(shí)執(zhí)行的代碼
}
循環(huán)語句
- for - 循環(huán)代碼塊一定的次數(shù)
cars=["BMW","Volvo","Saab","Ford"];
var i=0;
for (;cars[i];)
{
document.write(cars[i] + "
");
i++;
} - for/in - 循環(huán)遍歷對象的屬性
var person ={ fname: "John", lname: "Doe", age: 25 };
for (x in person)
{
txt=txt + person[x];
} - while - 當(dāng)指定的條件為 true 時(shí)循環(huán)指定的代碼塊
cars=["BMW","Volvo","Saab","Ford"];
var i=0;
while (cars[i])
{
document.write(cars[i] + "
");
i++;
} - do/while - 同樣當(dāng)指定的條件為 true 時(shí)循環(huán)指定的代碼塊
do
{
x=x + "The number is " + i + "
";
i++;
}
while (i<5);
break 語句可用于跳出循環(huán)微驶。
continue 語句中斷循環(huán)中的迭代浪谴,如果出現(xiàn)了指定的條件,然后繼續(xù)循環(huán)中的下一個(gè)迭代因苹。
錯(cuò)誤處理
try 語句允許我們定義在執(zhí)行時(shí)進(jìn)行錯(cuò)誤測試的代碼塊苟耻。
catch 語句允許我們定義當(dāng) try 代碼塊發(fā)生錯(cuò)誤時(shí),所執(zhí)行的代碼塊扶檐。
throw 創(chuàng)建或拋出異常(throw exception)
< html>
< head>
//外部腳本
< script src="xxx.js"></script>
// 內(nèi)部腳本
< script>
function myFunction()
{
//改變 HTML 內(nèi)容
document.getElementById("demo1").innerHTML="My First JavaScript Function";
}
//輸出當(dāng)前時(shí)間
document.write(Date());
//只能在 HTML 輸出流中使用 document.write凶杖。 如果在文檔已加載后使用它(比如在函數(shù)中),會覆蓋整個(gè)文檔款筑。
document.write("< h1>This is a heading< /h1>");
//從事件處理器調(diào)用一個(gè)函數(shù)
function changetext(id)
{
id.innerHTML="謝謝!";
}
< /script>
< /head>
< body>
//只能在 HTML 輸出流中使用
< strong>document.write< /strong >
< p id="demo1">A Paragraph.< /p>
< p id="demo2">A Paragraph.< /p>
< button type="button" onclick="myFunction()">調(diào)用myFunction函數(shù)< /button>
< p id="id1">My Heading 1< /p>
< button type="button" onclick="document.getElementById('id1').style.color='red'">修改id1的字體顏色< /button>
< p onclick="changetext(this)">點(diǎn)擊智蝠,調(diào)用changetext函數(shù)< /p>
< /body>
</html>