1.網頁技術分為三個方面：靜態網頁、網頁美工、動態網頁。
2.DHTML(動態HTML)是一種通過各種技術的綜合而得以實現的概念，包括三部分：HTML、Script(JavaScrip or VBScript)、CSS(Cascading Style Sheets)。

1.刪除提示

1)<a  href="#" onclick="return(confirm('刪除后無法恢復,您確定刪除嗎?'))">刪除</a>

2)JS
<a  href="#" >刪除</a>
<script language="JavaScript" type="text/javascript">
function delete_confirm(){
if(event.srcElement.outerText=="刪除" || event.srcElement.value=="刪除")
  event.returnValue=confirm("刪除后將不能恢復，您確認執行刪除操作么？");
}
document.onclick=delete_confirm;
</script>

2.點擊按鈕探出提示
<input type=button value="reload" onclick="javascript:reload()">

<script type="text/javascript">
function reload() {

if (confirm("確認?"))
{
var url="#";
window.location.href=url;
}
}

3.點擊鏈接彈出提示

<a  href="確認后的連接地址" onclick="return(confirm('想要的提示信息?'))">顯示信息</a>

4.onchange（）用法
<select name="year" onchange="javascript:changeYear()">
<OPTION OPTION>
</SELECT>

<SCRIPT language="javascript">
function changeYear(){
  var url = ....;
window.location.href = url;
}
</SCRIPT>


5.根據選擇的radio轉向不同的URL
<input type="Radio" name="id" value="1" checked></td>
<input type="Radio" name="id" value="2" checked></td>
<input type="Radio" name="id" value="3" checked></td>

<SCRIPT language="javascript">
function WhichOneisChecked(obj) {
for (var i = 0;i < obj.elements.length;i++){
if (obj.elements[i].checked == true){
var weekLogId=obj.elements[i].value;
var url="......";
window.location.href = url;
}
}
}
</SCRIPT>


6.radio 全選
function checkAll(e, itemName)
{
  var aa = document.getElementsByName(itemName);
  for (var i=0; i<aa.length; i++)
   aa[i].checked = e.checked;
}
function check(e, allName)
{
  var all = document.getElementsByName(allName)[0];
  if(!e.checked) all.checked = false;
  else
  {
    var aa = document.getElementsByName(e.name);
    for (var i=0; i<aa.length; i++)
     if(!aa[i].checked) return;
    all.checked = true;
  }
  
<input type=checkbox checked name=allTeams onclick="checkAll(this, 'teamIds')">

<input type="checkbox" name="teamIds" checked value="<%=.....%>" onclick="check(this, 'allTeams')">

7.DIV 的顯示、隱藏
鏈接實現
<script language="javascript">
  function showLay(divId){
        var objDiv = eval(divId);
        if (objDiv.style.display=="none"){
                eval("sp"+divId+".innerHTML='隱藏'");
                objDiv.style.display="";
        }else{
                eval("sp"+divId+".innerHTML='查看'");
                objDiv.style.display="none";
        }}
  </script>

   <td>
      <a href="#"  onclick="showLay('Layer1')"><span id="spLayer1">查看</span></a>
      <br>
      <div id="Layer1" style="display:none;">......</div>
     </td>

按鈕實現
<SCRIPT LANGUAGE="JavaScript">
function hidden_show()
{
var obj = document.getElementById("Layer1");
if(obj.style.visibility == "")
  obj.style.visibility = "hidden";
else
  obj.style.visibility = "";
}
</SCRIPT>
<td>
      <INPUT TYPE="button" onclick="hidden_show();" value="hidden/show">
     <br>
      <div id="Layer1" >
       <%=weekPlan%>
      </div>
     </td>