JavaScript實現了網頁的行為
1.JavaScript使用
JavaScript 可插入 HTML 頁面的編程代碼。可由所有的現代瀏覽器執行。
JavaScript 標簽可以放置到 HTML 頁面的 <head> 或者<body> 部分。
2.JavaScript調試方法
使用 window.alert() 彈出警告框。
使用 console.log() 寫入到瀏覽器的控制臺。
使用 document.write() 方法將內容寫到 HTML 文檔中(文檔加載後使用該方法,會覆蓋整個文檔)。
3.JavaScript註釋
可以通過//,/**/方式註釋
4.JavaScript支持的數據類型
字符串(String)、數字(Number)、布爾(Boolean)、數組(Array)、對象(Object)、空(Null)、未定義(Undefined)。
都通過var關鍵字定義
var x; // x 為 undefined var x = 5; // 現在 x 為數字 var x = "John"; // 現在 x 為字符串 var x=true; // 現在 x 為布爾 var name=new Array(); //現在為數組 name[0]="a"; var name=new Array("a","b","c");//現在為數組 var name=["a","b","c"];//現在為數組 var person={ firstname : "A", lastname : "B", };//現在為對象 //對象的使用可以使用以下2種方式 person.lastName; person["lastName"];
5.JavaScript的函數使用關鍵字function定義,可以有返回值
function myFunction() { var x=5; return x; }
6.JavaScript支持運算符,邏輯運算符,If...Else,switch ,for,while ,Break , Continue,try...catch等邏輯操作
7.JavaScript可以改變 HTML和css
document.getElementById(id).innerHTML=新的 HTML
document.getElementById(id).attribute=新屬性值 新增刪除HTML 元素
document.getElementById(id).style.property=新樣式
document.getElementById("div").innerHTML="test"; //新文本 document.getElementById("image").src="landscape.jpg";//新屬性 document.getElementById("p2").style.color="blue";//新顏色 document.getElementById("p2").style.fontSize="larger";//新字體大小 var para=document.createElement("p"); var node=document.createTextNode("這是一個新段落。"); para.appendChild(node);//新元素 var element=document.getElementById("div1"); element.appendChild(para);//增加元素 var parent=document.getElementById("div1"); var child=document.getElementById("p1"); parent.removeChild(child);//刪除元素
8.JavaScript支持JavaScript HTML DOM 事件
onclick(點擊),onload (加載網頁), onunload(離開網頁),onchange(改變輸入字段),onmouseover (鼠標移至), onmouseout(鼠標移出),onmousedown(點擊鼠標),onmouseup(釋放鼠標)
9.JavaScript內置對象
Number:
所有 JavaScript 數字均為 64 位
toString()把數字轉換為字符串,使用指定的基數。
toFixed(2)把數字轉換為字符串,結果的小數點後有指定位數的數字。
String:
使用位置(索引)可以訪問字符串中任何的字符:var n=name[2];
使用長度屬性length來計算字符串的長度:document.write(n.length);
使用反斜線(\)插入特殊符號:var answer=‘It\‘s alright‘;
使用 indexOf() 來定位字符串中某一個指定的字符首次出現的位置:var n=name.indexOf("oo");
match()函數用來查找字符串中特定的字符,並且如果找到的話,則返回這個字符;
replace() 方法在字符串中用某些字符替換另一些字符;
字符串大小寫轉換使用函數 toUpperCase() / toLowerCase();
字符串使用split()函數轉為數組;
Date:
var d = new Date().toUTCString();//獲取當前日期並轉為字符串
Math 對象:
round()四舍五入
random()返回 0 到 1 之間的隨機數。
max()返回兩個給定的數中的較大的數
此外還有Window 對象,Screen對象,Location對象,等
JavaScript實現了網頁的行為