DHTML實用指南

改進CheckBox：

<label for="check1">單擊我可以改變 CheckBox的狀态</lable>

<input type="checkbox" id="check1" value="often" name="checkoften">

使用Label實作快捷鍵的功能：

<table width="400" >

  <tr>

    <td><label for="name" accesskey="N">姓名(<u>N</u>)</label></td>

    <td><input type="text" id="name"></td>

  </tr>

</table>

文本框的提示和輸入

<input type="text" name="name" value="請輸入你的姓名" οnfοcus=this.select() οnmοuseοver=this.focus()>

打開和關閉一個新的視窗:

<button onClick="NewWindow=window.open('http://blog.csdn.net/zhoujian2003','這是一個新窗體','toolbar=no,statusbar=no,width=200,height=200');">打開我的Ｂｌｏｇ</button>

<button onClick="NewWindow.close()">關閉我的Ｂｌｏｇ</button>

數組中的方法：

join()是将數組轉換成字元串,括号裡的字段是指定的分隔符．

<script>

array1=new Array("A","B","C");

document.write(array1.join()+"<br>");

document.write(array1.join(" ")+"<br>");

document.write(array1.join(" and "));

</script>

sort()是排序：

array1=new Array("A","B","C","Z","T","M");

document.write(array1.sort());

------對數字進行排序

array2=new Array("12","56","6","20");

function numSort(num1,num2)

{

 return num1-num2;

}

document.write(array2.sort(numSort));

reverse()是排列順序颠倒：

<script>

array1=new Array("A","B","C","Z","T","M");

document.write(array1.join()+"<br>");

document.write(array1.reverse());

</script>

slice()是截取數組：

<script>

array1=new Array("A","B","C","Z","T","M");

document.write(array1.join()+"<br>");

document.write(array1.slice(1,4).join());

</script>

concat()用來連接配接數組：

<script>

var array1=new Array("A","B","C","Z","T","M");

var array2=new Array("a","b","c","c");

var array3=array1.concat(array2);

document.write(array1.join()+"<br>");

document.write(array2.join()+"<br>");

document.write(array3.join()+"<br>");

</script>

delete 方法用于删除數組中的元素：

<script>

var array1=new Array("A","B","C","Z","T","M");

document.write(array1.length+"<br>");

document.write(array1.join()+"<br>");

delete array1[3];

document.write(array1.length+"<br>");

document.write(array1.join()+"<br>");

</script>

這是一個對字元串的外觀處理的示例

<script>

document.write("這是一個對字元串的外觀處理的示例");

var strDemo="歡迎大家通路我的Blog------http://blog.csdn.net/zhoujian2003";

document.write(strDemo.big()+"<br>");

document.write(strDemo.blink()+"<br>");

document.write(strDemo.bold()+"<br>");

document.write(strDemo.fixed()+"<br>");

document.write(strDemo.fontcolor("red")+"<br>");

document.write(strDemo.fontsize(5)+"<br>");

document.write(strDemo.italics()+"<br>");

document.write(strDemo.small()+"<br>");

document.write(strDemo.strike()+"<br>");

document.write(strDemo.sup()+"<br>");

document.write(strDemo.sub()+"<br>");

</script>

字元串的link()方法：

<script>

document.write("我的Blog".link("http://blog.csdn.net/zhoujian2003"));

</script>