1. 程式人生 > >JavaScript實現了網頁的行為

JavaScript實現了網頁的行為

內容 round java pro 瀏覽器 chang ace 寫到 字段

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實現了網頁的行為