javascript基本註釋關於寫格子和鼠標觸發事件

時間 2019-11-13

標籤 javascript 基本註釋關於格子鼠標觸發事件欄目 JavaScript 简体版

原文原文鏈接

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>html

<body>
<script>
var yuanse=null;//設定一個量
function show(obj)//定義一個函數
    {
yuanse=obj.bgColor;//提取對象背景顏色
obj.bgColor="red"//設定背景顏色爲紅色
}
function noshow(obj)//定義一個函數
    {
obj.bgColor=yuanse//把自變量指給到bgcolor裏面
}
function aa()//定義一個函數
{
document.write("<table border=1 width=600 align=center>");//在頁面裏寫入一個<table>標籤
var i=0;//設定一個自變量初始值爲零
while(i<1000)
        {
      if(i%10==0)
   {
                if(i%20==0)
                       {
                       bg="yellow";
                        }
                       else
        {
                        bg="green";
        }
   document.write('<tr onmouseover="show(this)" onmouseout="noshow(this)" bgColor="'+bg+'">'); //寫入一個事件
  }
document.write('<td>'+i+'</td>');//寫入一個格子
i++;
if(i%10==0)
document.write('</tr>');//寫入html標籤</tr>
}
}
aa();//執行aa函數
</script>函數