Javascript

數據類型

未定義undefine,

空null,

布爾行Boolean,

字符串string,

數值number,

對象Object,

引用Reference,

列表list

比較操做符  == , != , > , < , >= ,<= 你們能夠從字面理解他的意思

邏輯操做符  &&與，||或，！非

變量命名：字母+下劃線

變量定義：var

Var str = ‘1’;

Var str_object = new Object();

Var str_array   = new Array();

條件語句: if  ,  switch

if(true){

//須要執行的代碼

}else{

//須要執行的代碼

}

switch(exp){

case "value":fun

break;

}

循環語句：

while(){},do{} while(), for(var i=0;i<10;i++){}

var i = 10;

while(i > 10){

alert(i);

i--;

}

var i = 10;

do{

//alert(i);

i--;

}

while(i>10);

for(var i=0;i<10;i++){

//alert(i);

}

函數：

Function funname(){

}

window 對象

open("url","target","height=,weight=,top=,left=,resizeable=yes")  打開一個頁面

close()  關閉頁面

confirm(),//彈出一個確認框

code:

演示confirm函數刪除

<div id="fid_1">咱們很好  <a href="index.php?fid=1"  delfid('fid_1')"> 刪除

</a></div>

<script>

function delfid(obj){

if(confirm('你要刪除這個信息嗎')){

//進行咱們的刪除任務或跳轉

//document.getElementById(obj).innerHTML = '';

}else{

//alert('什麼都沒有作');

return false;

}

}

</script>

prompt() //獲取用戶輸入

code:

演示prompt函數刪除

<div id="fid_1">演示prompt函數刪除</div>

<a href="void(0)"   checkPrompt();">增長文字

<script>

function checkPrompt(){

var str = prompt('請輸入一句話','我要說話了');

if(str != ""){

document.getElementById('fid_1').innerHTML = str;

}

}

</script>

history(){.go(-1),.back(),.forword()}//返回上個頁面

document 對象：

屬性(anchors瞄集合,forms表單集合,p_w_picpaths圖象集合,links鏈接集合)

<script>

var mylinks = document.links;

for(var i=0;i<mylinks.length;i++){

mylinks[i].target = "_blank";

}

document.write();//輸出內容

</script>

location  對象：

href="url",replace("url"),reload(false/true)  跳轉/替換/重載

alert(str)//彈出確認框

系統函數：

//判斷字符的長度

var str = "js學習,須要不斷實踐";

//alert(str.length);

var MyString = "abcdefghijkl";

//截取字符

//slice(star,end),substring(star,end),substr(star,length)

//alert(MyString.slice(1,-3));//返回結果爲es

//alert(MyString.substring(1,-3));//等於1，0

//alert(MyString.substr(1,1));//獲取必定必定長度的字符

//查詢字符串

//indexOf(char,star),lastIndexOf(char,star) //返回所在的位子

//alert(MyString.indexOf("c",2));

//alert(MyString.lastIndexOf("j",8));

//獲取字符類型  typeof()

//alert(typeof(MyString));

//類型轉換toString(),parseInt(),parseFloat()

//MyString.toString();

//var MyString = "1d12d";

//alert(parseInt(MyString));

//數組

var aColor = new Array();

//alert(typeof(aColor));

aColor[0] = "blue";

aColor[1] = "green";

aColor[2] = "red";

//alert(aColor.length);//長度

//數組轉化爲字符

//alert(typeof(aColor.toString()));

//alert(aColor.toString().length);

//alert(aColor.join("|"));//用指定字符鏈接

//字符轉化爲數組split()

//alert(typeof(str.split(",")));

//對數組元素反序reverse()

//alert(aColor.reverse());

//字符串反序

//alert(MyString.split("").reverse().join(""));

//排序sort();

//入棧  出棧

//aColor.push("yellow");

//alert(aColor);

//alert(aColor.pop());

parseInt() 函數可解析一個字符串，並返回一個整數

parseInt("10");      //返回  10

parseFloat();函數可解析一個字符串，並返回一個

Math 對象方法

abs(x)   返回數的絕對值。  

ceil(x)   對數進行上舍入。

max(x,y)  返回  x 和  y 中的最高值。  

min(x,y)  返回  x 和  y 中的最低值。

round(x)  把數四捨五入爲最接近的整數。

和HTML相關:

獲取頁面某個ID  元素  value

<input id=」obj」 value=」obj」 />

<script>

var str = document.getElementById(‘obj’).value;

alert(str);

//若是設置值

//document.getElementById(‘obj’).value = ‘設置值’;

</script>

獲取頁面某個ID  元素  內容

<div id=」obj」 />獲取頁面某個ID  元素  內容</div>

<script>

var str = document.getElementById(‘obj’).innerHTML;

alert(str);

//若是設置值

//document.getElementById(‘obj’). innerHTML = ‘設置值’;

</script>

設置樣式名稱

document.getElementById(‘obj’). className= 「classname」;

對元素設置屬性

document.getElementById(‘obj’).setAttribute("down",'11');

得到屬性的值

document.getElementById(‘obj’).getAttribute("down");

獲取標籤

document.getElementsByTagName(‘div’);