spacer
如何使用Java Script 來呈現網頁缺字
1.將含有構字式表示法的網頁，加入以下程式碼於<head></head>之間：

<script type="text/javascript" src="https://char.iis.sinica.edu.tw/API/ics.js"></script>

2.方法說明與使用：

  • processPage(顏色, 大小, '左括號', '右括號', 字體)：
    (1) 此函式主要提供使用者轉換整個頁面的構字式。
    (2) 顏色：可用英文顏色的單字設定，例如：'red', 'blue',...等。亦可使用HTML語法 - #RRGGBB，其中R、G、B各為16進位數字，如：#1BA032。
    (3) 大小：使用者可自行設定字型大小，預設為12。
    (4) '左括號', '右括號'：
        ‧提供使用者沒有使用構字符號的缺字轉換方式。
        ‧使用者可將欲呈現的缺字包在括號內，不用加構字符號。
           例如：
           processPage('red','12','[',']','Mingliu')
           結果：[火宣]→ [方方土]→。
        ‧可以自己選擇其他種類的括號。
    (5) 字體：使用者有Mingliu(細明體)和DFKai-sb(標楷體)兩種選擇，若使用者沒有輸入則預設為細明體。
    (6) 程式碼使用如下：
    一般使用方式:
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    processPage('Red','12','','','DFKai-sb');
    //-->
    </SCRIPT>
    範例1，一般使用方式:


    使用左右括號:
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    processPage('Red','12','[',']','DFKai-sb');
    //-->
    </SCRIPT>
    範例2，有使用左右括號:

  • processObject(指定區塊, 顏色, 大小, '左括號', '右括號', 字體):
    (1) 此方法是轉換指定區塊的構字式。
    (2) 指定區塊：<div>、<span>的html的區塊語法，可讓使用者指定想要改變的區塊Id。
    (3) 其他參數設定請參考processPage函式。
    (4) 程式碼使用如下： d1 為指定區塊， red 為此缺字字形顏色， 12 為字形大小， DFKai-sb 為標楷體。
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    processObject(document.getElementById('d1'),'Blue','12','','','DFKai-sb');
    //-->
    </SCRIPT>

  • processText(含構字式的字串, 顏色, 大小, '左括號', '右括號', 字體):
    (1) 此方法是轉換String的構字式。
    (2) Srting為使用者欲轉成缺字的字串，將其放在方法的第一個參數位置。
    (3) 其他的參數設定與processPage函式相同。
    (4) 程式碼使用如下：
    <BODY>
    <DIV id='d2'>
    <input type="button" id="btn" value="click" onclick="changeword()">
    </DIV>
    </BODY>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function changeword(){
        var str1 = "允兒鐘";
        var str2 = processText(str1,'red','12','[',']','DFKai-sb');
        document.getElementById("d2").innerHTML = str2;
    }
    //-->
    </SCRIPT>


    3.開啟網頁瀏覽此頁，待Java Script載入完成後，即可於網頁中顯示缺字字形。
    		• spacer