最近在公司被交辦要寫新設備的的操作手冊，要截的圖、要建立
的表格、要 key 進去的資料一堆，因為一些限制的關係:
1.不能用 office
2.也不能安裝截圖軟體
3.不可以架 IIS、Apache 等
4.不能使用遠端桌面
是要叫我用記事本逆? 想來想去 html 還是最佳解，以及用小畫
家處理截圖問題。
那既然要寫，我也不想隨便交一份出去，我的想法是
1.用 frame 來統整說明文件的頁面呈現
2.技術面就弄個 onclick 按鈕
3.再用 javascript 寫兩三個"其實不寫也可以"的函數塞在裡頭
以後公司各地會慢慢裝這個新設備，而且它的終端PC都有上述的
限制，等於我現在辛苦把該寫的東西全部寫好，以後就能整個打
包拷貝到其它終端PC。
明年我則對使用 batch 檔寫選單有興趣，我20年前看過這樣的東
西，PC終端有些東西固定要看、要檢查，用 batch 很方便，這部
份我原本也是想透過 javascript 來寫，後來想想還是算了。
總之最近都在忙這個，目前進度是已經寫到某種程度了，卯起來寫
其實很快(而且我的體力精力都提升了不少)，但公司現在人少，事
情一堆..至少忙到10月中，然後新設備上線後再忙個一兩個禮拜。
再來大概到 12 月底都沒事? 應該吧，剩下衝業績而已。
===========================================================
javascript 我目前只先使用在 onclick 而已，例如底下的 code:
這裡有顆按鈕
<input type=button id=button1 value='＋' onclick='
// 如果 part1 表格的顯示值為 none，按下按鈕的瞬間就改為顯示
// 並把按鈕從 ＋ 改成 －(展開的意思)
if(document.getElementById("part1").style.display=="none")
{
document.getElementById("part1").style.display="block";
this.value="－";
}
// 反之如果 part1 表格的顯示值不為 none，按下按鈕的瞬間就把
// 顯示值改為 none(不顯示)，並把按鈕改為 ＋(收起來的意思)
else
{
document.getElementById("part1").style.display="none";
this.value="＋";
}
'>使用說明
下面的表格，平常的顯示狀態是 "none"(不顯示)
<table id=part1 style="display:none">
.
.
</table>
(我習慣一開始都先土法煉鋼，寫出我想要的東西後再慢慢精鍊)
上面的東西，呈現出來的樣子就類似底下
平常的狀態
＋使用說明
點一下上面的＋按鈕後會出現底下
－使用說明
操作介面 <=這時比方點擊操作介面，其說明會呈現在右側視窗
告警面板
功能按鍵說明
障礙判斷及排除
(畫面左側樹狀區)
就是一般很常見的左側樹狀選單結構，使用 frame 最簡單的做法
┌───────────────────────────┐
│ XX 設 備 操 作 手 冊 edit by laechan │
├───────┬───────────────────┤
│ │ │
│＋最新消息 │　　　　　　　　　　　　　　　　　　　│
│　　　　　　　│　　　　　　　　　　　　　　　　　　　│
│＋操作介面 │ │
│ │　　　　　　　　　　　　　　　　　　　│
│＋使用說明 │ │
│ │　　　　　　　　　　　　　　　　　　　│
│ │　　　　　　　　　　　　　　　　　　　│
│ │　　　　　　　　　　　　　　　　　　　│
│ │　　　　　　　　　　　　　　　　　　　│
│ │　　　　　　　　　　　　　　　　　　　│
│ │　　　　　　　　　　　　　　　　　　　│
└───────┴───────────────────┘
DOM 物件應該有很多東西可以使用，我目前只使用到最基礎的幾
個而已，this 也非常好用，style 屬性也蠻值得研究，html tag
則大概就那幾種，會用就好了。