posts - 40,  comments - 4,  trackbacks - 0
            2007年9月17日

            在Java語言中, abstract class 和interface 是支持抽象類定義的兩種機制。正是由于這兩種機制的存在,才賦予了Java強大的 面向對象能力。abstract class和interface之間在對于抽象類定義的支持方面具有很大的相似性,甚至可以相互替換,因此很多開發者在進 行抽象類定義時對于abstract class和interface的選擇顯得比較隨意。其實,兩者之間還是有很大的區別的,對于它們的選擇甚至反映出對 于問題領域本質的理解、對于設計意圖的理解是否正確、合理。本文將對它們之間的區別進行一番剖析,試圖給開發者提供一個在二者之間進行選擇的依據。

            理解抽象類

            abstract class和interface在Java語言中都是用來進行抽象類(本文 中的抽象類并非從abstract class翻譯而來,它表示的是一個抽象體,而abstract class為Java語言中用于定義抽象類的一種方法, 請讀者注意區分)定義的,那么什么是抽象類,使用抽象類能為我們帶來什么好處呢?

            在 面向對象的概念中,我們知道所有的對象都是通過類來描繪的,但是反過來卻不是這樣。并不是 所有的類都是用來描繪對象的,如果一個類中沒有包含足夠的信息來描繪一個具體的對象,這樣的類就是抽象類。抽象類往往用來表征我們在對問題領域進行分析、 設計中得出的抽象概念,是對一系列看上去不同,但是本質上相同的具體概念的抽象。比如:如果我們進行一個圖形編輯軟件的開發,就會發現問題領域存在著圓、 三角形這樣一些具體概念,它們是不同的,但是它們又都屬于形狀這樣一個概念,形狀這個概念在問題領域是不存在的,它就是一個抽象概念。正是因為抽象的概念 在問題領域沒有對應的具體概念,所以用以表征抽象概念的抽象類是不能夠實例化的。

            在面向對象領域,抽象類主要用來進行類型隱藏。 我們可以構造出一個固定的一組行為的抽象描 述,但是這組行為卻能夠有任意個可能的具體實現方式。這個抽象描述就是抽象類,而這一組任意個可能的具體實現則表現為所有可能的派生類。模塊可以操作一個 抽象體。由于模塊依賴于一個固定的抽象體,因此它可以是不允許修改的;同時,通過從這個抽象體派生,也可擴展此模塊的行為功能。熟悉OCP的讀者一定知 道,為了能夠實現面向對象設計的一個最核心的原則OCP(Open-Closed Principle),抽象類是其中的關鍵所在。

            從語法定義層面看abstract class 和 interface

            在語法層面,Java語言對于abstract class和interface給出了不同的定義方式,下面以定義一個名為Demo的抽象類為例來說明這種不同。

            使用abstract class的方式定義Demo抽象類的方式如下:

          abstract class Demo{
          abstract void method1();
          abstract void method2();


            使用interface的方式定義Demo抽象類的方式如下:

          interface Demo{
          void method1();
          void method2();

          }
            在abstract class方式中,Demo可以有自己的數據成員,也可以有非 abstract的成員方法,而在interface方式的實現中,Demo只能夠有靜態的不能被修改的數據成員(也就是必須是static final 的,不過在interface中一般不定義數據成員),所有的成員方法都是abstract的。從某種意義上說,interface是一種特殊形式的 abstract class。

            從編程的角度來看,abstract class和interface都可以用來實現 "design by contract" 的思想。但是在具體的使用上面還是有一些區別的。

            首先,abstract class 在 Java 語言中表示的是一種繼承關系,一個類只能使用一次繼承關系(因為Java不支持多繼承 -- 轉注)。但是,一個類卻可以實現多個interface。也許,這是Java語言的設計者在考慮Java對于多重繼承的支持方面的一種折中考慮吧。

            其次,在abstract class的定義中,我們可以賦予方法的默認行為。但是在interface的定義中,方法卻不能擁有默認行為,為了繞過這個限制,必須使用委托,但是這會增加一些復雜性,有時會造成很大的麻煩。

            在 抽象類中不能定義默認行為還存在另一個比較嚴重的問題,那就是可能會造成維護上的麻煩。因 為如果后來想修改類的界面(一般通過 abstract class 或者interface來表示)以適應新的情況(比如,添加新的方法或者給已用的方法中添 加新的參數)時,就會非常的麻煩,可能要花費很多的時間(對于派生類很多的情況,尤為如此)。但是如果界面是通過abstract class來實現的,那 么可能就只需要修改定義在abstract class中的默認行為就可以了。

            同樣,如果不能在抽象類中定義默認行為,就會導致同樣的方法實現出現在該抽象類的每一個派生類中,違反了 "one rule,one place" 原則,造成代碼重復,同樣不利于以后的維護。因此,在abstract class和interface間進行選擇時要非常的小心。

            從設計理念層面看 abstract class 和 interface

            上面主要從語法定義和編程的角度論述了abstract class和interface的區 別,這些層面的區別是比較低層次的、非本質的。本小節將從另一個層面:abstract class和interface所反映出的設計理念,來分析一下二者的區別。作者認為,從這個層面進行分析才能理解二者概念的本質所在。

            前面已經提到過,abstract class在Java語言中體現了一種繼承關系,要想使得 繼承關系合理,父類和派生類之間必須存在"is-a"關系,即父類和派生類在概念本質上應該是相同的。對于interface來說則不然,并不要求interface的實現者和interface定義在概念本質上是一致的, 僅僅是實現了interface定義的契約而已。為了使論述便于理解,下面將通過一個簡單的實例進行說明。

            考慮這樣一個例子,假設在我們的問題領域中有一個關于Door的抽象概念,該Door具有執行兩個動作open和close,此時我們可以通過abstract class或者interface來定義一個表示該抽象概念的類型,定義方式分別如下所示:

            使用abstract class方式定義Door:

          abstract class Door{
          abstract void open();
          abstract void close();
          }
            使用interface方式定義Door:

          interface Door{
          void open();
          void close();
          }
            其他具體的Door類型可以extends使用abstract class方式定義的Door或者implements使用interface方式定義的Door。看起來好像使用abstract class和interface沒有大的區別。

            如果現在要求Door還要具有報警的功能。我們該如何設計針對該例子的類結構呢(在本例中, 主要是為了展示 abstract class 和interface 反映在設計理念上的區別,其他方面無關的問題都做了簡化或者忽略)?下面將羅列出可能的解 決方案,并從設計理念層面對這些不同的方案進行分析。

            解決方案一:

            簡單的在Door的定義中增加一個alarm方法,如下:

          abstract class Door{
          abstract void open();
          abstract void close();
          abstract void alarm();
          }
            或者

          interface Door{
          void open();
          void close();
          void alarm();
          }
            那么具有報警功能的AlarmDoor的定義方式如下:

          class AlarmDoor extends Door{
          void open(){…}
          void close(){…}
          void alarm(){…}
          }
            或者

          class AlarmDoor implements Door{
          void open(){…}
          void close(){…}
          void alarm(){…}

            這種方法違反了面向對象設計中的一個核心原則 ISP (Interface Segregation Principle),在Door的定義中把Door概念本身固有的行為方法和另外一個概念"報警器"的行為方 法混在了一起。這樣引起的一個問題是那些僅僅依賴于Door這個概念的模塊會因為"報警器"這個概念的改變(比如:修改alarm方法的參數)而改變,反 之依然。

            解決方案二:

            既然open、close和alarm屬于兩個不同的概念,根據ISP原則應該把它們分別定 義在代表這兩個概念的抽象類中。定義方式有:這兩個概念都使用 abstract class 方式定義;兩個概念都使用interface方式定義;一個概念 使用 abstract class 方式定義,另一個概念使用interface方式定義。

            顯然,由于Java語言不支持多重繼承,所以兩個概念都使用abstract class方式定義是不可行的。后面兩種方式都是可行的,但是對于它們的選擇卻反映出對于問題領域中的概念本質的理解、對于設計意圖的反映是否正確、合理。我們一一來分析、說明。

            如果兩個概念都使用interface方式來定義,那么就反映出兩個問題:1、我們可能沒有 理解清楚問題領域,AlarmDoor在概念本質上到底是Door還是報警器?2、如果我們對于問題領域的理解沒有問題,比如:我們通過對于問題領域的分 析發現AlarmDoor在概念本質上和Door是一致的,那么我們在實現時就沒有能夠正確的揭示我們的設計意圖,因為在這兩個概念的定義上(均使用 interface方式定義)反映不出上述含義。

            如果我們對于問題領域的理解是:AlarmDoor在概念本質上是Door,同時它有具有報 警的功能。我們該如何來設計、實現來明確的反映出我們的意思呢?前面已經說過,abstract class在Java語言中表示一種繼承關系,而繼承關系 在本質上是"is-a"關系。所以對于Door這個概念,我們應該使用abstarct class方式來定義。另外,AlarmDoor又具有報警功能,說 明它又能夠完成報警概念中定義的行為,所以報警概念可以通過interface方式定義。如下所示:

          abstract class Door{
          abstract void open();
          abstract void close();
          }
          interface Alarm{
          void alarm();
          }
          class Alarm Door extends Door implements Alarm{
          void open(){…}
          void close(){…}
          void alarm(){…}
          }
            這種實現方式基本上能夠明確的反映出我們對于問題領域的理解,正確的揭示我們的設計意圖。其 實abstract class表示的是"is-a"關系,interface表示的是"like-a"關系,大家在選擇時可以作為一個依據,當然這是建立在對問題領域的理解上的,比如:如果我們認為AlarmDoor在概念本質上是報警器,同時又具有Door的功能,那么上述的定義方式就要反過來了。

            小結

            1.abstract class 在 Java 語言中表示的是一種繼承關系,一個類只能使用一次繼承關系。但是,一個類卻可以實現多個interface。

            2.在abstract class 中可以有自己的數據成員,也可以有非abstarct的成員方法,而在interface中,只能夠有靜態的不能被修改的數據成員(也就是必須是static final的,不過在 interface中一般不定義數據成員),所有的成員方法都是abstract的。

            3.abstract class和interface所反映出的設計理念不同。其實abstract class表示的是"is-a"關系,interface表示的是"like-a"關系。

            4.實現抽象類和接口的類必須實現其中的所有方法。抽象類中可以有非抽象方法。接口中則不能有實現方法。

            5.接口中定義的變量默認是public static final 型,且必須給其初值,所以實現類中不能重新定義,也不能改變其值。

            6.抽象類中的變量默認是 friendly 型,其值可以在子類中重新定義,也可以重新賦值。

            7.接口中的方法默認都是 public,abstract 類型的。

            結論

            abstract class 和 interface 是 Java語言中的兩種定義抽象類的方式,它們之間有很大的相似性。但是對于它們的選擇卻又往往反映出對于問題領域中的概 念本質的理解、對于設計意圖的反映是否正確、合理,因為它們表現了概念間的不同的關系(雖然都能夠實現需求的功能)。這其實也是語言的一種的慣用法,希望讀者朋友能夠細細體會。

          posted @ 2008-11-26 11:24 larryjava 閱讀(175) | 評論 (0)編輯 收藏
          1.為什么要用抽象類實現接口
             答:

          抽象類和接口比起來,有一個好處,就是某些函數可以實現具體的方法,而并不一定是聲明抽象的方法,而接口只能聲明抽象方法,所以用一個抽象類來實現某個接口可以實現一些通用的方法,而這些具體實現的方法里還可以調用抽象方法,所以減少了子類中的重復代碼。

          java庫里也有不少這這樣的設計,

          比如java.util.AbstractList實現了java.util.List,而其實某些方法就是調用了抽象方法。

          還有一個好處就是可以給子類一個默認的實現,而不必給所有的子類實現所有的方法。

          另外還有一個好處就是可以提供一些公用的方法給子類使用。

          2.
          posted @ 2008-11-26 11:23 larryjava 閱讀(147) | 評論 (0)編輯 收藏
          第一種通過spring中的CronTrigger復雜觸發器實現

          第二通過spring中的SimpleTrigger簡單觸發器實現


          參考:
                  http://www.javaeye.com/topic/115666
                 http://www.javaeye.com/topic/117244


          posted @ 2008-11-06 17:06 larryjava 閱讀(395) | 評論 (0)編輯 收藏
          在這里希望和大家分享 iRedMail 開源郵件方案的詳細安裝、配置文檔,希望對大家有所幫助。

          基于 Postfix + MySQL 的文檔:http://www.iredmail.org/wiki/index.php/IRedMail-doc-MySQL-0.2
          基于 Postfix + OpenLDAP 的文檔:http://www.iredmail.org/wiki/index.php/IRedMail-doc-OpenLDAP-0.2

          Extmail webmail系統  http://www.extmail.org/
          Postfix  http://www.postfix.org.cn
          posted @ 2008-09-19 20:41 larryjava 閱讀(224) | 評論 (0)編輯 收藏

          使用Hibernate的sum函數進行數據的統計時,出現一個錯誤:

           

          String sql = "select SUM(nf.fee) from CFee as nf where   nf.adminAccount='testaccount' ";   
          public long getListSqlCountsLong(String sql) {   
                  beginTransaction();   
                  List li 
          = getSession().createQuery(sql).list();   
                  
          if (li == null || li.isEmpty()) {   
                      
          return 0;   
                  }
           else {                        return ((Integer) li.get(0)).longValue();   
                  }
             
              }
           
          這樣使用報null錯誤.
          List的size明明等于1,但li.get(0)還是為空.(數據庫中查詢的賬號sum本來就為null??可能是.)
          解決方法:
          String sql = "select SUM(nf.fee) from CFee as nf where   nf.adminAccount='testaccount' ";   
          public long getListSqlCountsLong(String sql) {   
                  beginTransaction();   
                  List li 
          = getSession().createQuery(sql).list();   
                  
          if (li == null || li.isEmpty()) {   
                      
          return 0;   
                  }
           else {       
                          
          if (li.get(0== null{   
                          
          return 0;   
                      }
             
                      
          return ((Integer) li.get(0)).longValue();   
                  }
             
              }
            
          解決方法很簡單,就是增加一個判斷就可以了,如果li.get(0)為空,則返回0,不為空,返回值.
          posted @ 2008-05-09 13:17 larryjava 閱讀(4021) | 評論 (0)編輯 收藏
                  
          傳統的JS壓縮(刪除注釋,刪除多余空格等)提供的壓縮率有時還是不盡不意,幸虧現在的瀏覽器都支持壓縮傳輸(通過設置http header的Content-Encoding=gzip),可以通過服務器的配置(如apache)為你的js提供壓縮傳輸,或是appfuse中使用的GZipFilter使tomcat也提供這種能力

          現在的問題是這種動態的壓縮會導致服務器CPU占用率過高,現在我想到的解決辨法是通過提供靜態壓縮(就是將js預先通過gzip.exe壓縮好)

          一.下面描述在tomcat中的應用

          1.將prototype.js通過gzip.exe壓縮保存成prototype.gzjs
          2.設置header,我編寫了一個簡單的AddHeadersFilter來將所有以gzjs結尾的文件增加設置header Content-Encoding=gzip
          web.xml中的配置
          	<filter>
          <filter-name>AddHeaderFilter</filter-name>
          <filter-class>
          badqiu.web.filter.AddHeaderFilter
          </filter-class>
          <init-param>
          <param-name>headers</param-name>
          <param-value>Content-Encoding=gzip</param-value>
          </init-param>
          </filter>
          <filter-mapping>
          <filter-name>AddHeaderFilter</filter-name>
          <url-pattern>*.gzjs</url-pattern>
          </filter-mapping>
          


          測試prototype.js是否正常的代碼
          <html>
          <head>
          <!-- type="text/javascript"不可少,有些瀏覽器缺少這個不能運行,具體已經忘記了 -->
          <script src="prototype.gzjs" type="text/javascript"></script>
          </head>
          <body>
          <input id="username" name="username" value="badqiu"/><br />
          <input id="email" value="badqiu@gmail.com"/>
          <script>
          <!-- 測試prototype的方法是否正常-->
          alert($F('username'))
          </script>
          </body>
          </html>
          


          在Apache httpd中可以直接通過在httpd.conf增加AddEncoding x-gzip .gzjs來映射.gzjs文件的header

          二.相關壓縮率數據
          1. prototype.js 1.5.0_rc0原始大小56KB,未經任何處理直接使用gzip壓縮為12KB,總壓縮率79%
          2. 通過js壓縮工具壓縮過的protytype.js為20KB,使用gzip壓縮為10KB,總壓縮率為83%
          3. 實際項目中的多個js合并成的文件 439KB,直接通過gzip壓縮為85KB,總壓縮率81%
          4. 439KB經過js壓縮為165KB,再經過gzip壓縮為65KB,總壓縮率86%

          基本上你都可以忽略js壓縮工具的壓縮率,直接使用gzip壓縮

          gzip下載地址 http://www.gzip.org
          tomcat的壓縮配置示例下載地址: http://www.aygfsteel.com/Files/badqiu/gziptest.rar
          posted @ 2008-02-22 11:32 larryjava 閱讀(374) | 評論 (0)編輯 收藏

          經過我的多次測試實踐,在linux和window下測試通過,win的比較簡單,因為在默認的情況下,組播就已經打開。
          1 在linux 下同一臺服務器上測試通過(注意端口不要沖突。特別要注意那個tcpListenPort=”4001″ )
          2 在window下的同一臺服務器上測試通過,注意要點同上
          3 window下多臺不同主機上測試通過,沒有什么好注意點,可以完全備份一個tomcat
          4.linux多臺不同tomcat服務器上測試通過。這個也是最后實現,最實際的方案。(一般不用在win下部署tomcatweb應用。呵呵。我覺得)

          這里講下第四中情況

          先講一下環境:都是在Red Hat Linux AS4上測試通過
          Apache:ip:192.168.1.11 (一臺) 版本:2.0/2.2 (做均換負載服務器)
          Tomcat:ip1:192.168.1.12 ip2:192.168.1.13 (兩臺) 版本:5.0、5.5 (web應用的Real Server)
          Jdk:版本1.5 安裝在 192.168.1.12 和192.168.1.13上的tomcat服務器上

          安裝tomcat和apache ,在這里就不講了。
          軟件都可以在www.apache.org 的網站上找到(apache,tomcat,mod_jk)

          1.下載mod_jk.so 文件放到apache 下的modules下
          地址:http://apache.mirror.phpchina.com/tomcat/tomcat-connectors/jk/binaries/ 請選擇正確的操作系統和Apache的版本。
          2.在apache的conf下建立文件workers.properties

          添加內容:

          #
          # workers.properties
          #

          # list the workers by name
          worker.list=tomcatlb, status

          # localhost server 1
          # ------------------------
          worker.tomcat12.port=8009
          worker.tomcat12.host=192.168.1.12
          worker.tomcat12.type=ajp13
          worker.tomcat12.lbfactor=1
          worker.tomcat12.connection_pool_timeout=750
          worker.tomcat12.socket_keepalive=0
          worker.tomcat12.socket_timeout=300000
          worker.tomcat12.connect_timeout=10000
          worker.tomcat12.reply_timeout=330000

          # localhost server 3
          # ------------------------
          worker.tomcat13.port=8009
          worker.tomcat13.host=192.168.1.13
          worker.tomcat13.type=ajp13
          worker.tomcat13.lbfactor=1
          worker.tomcat13.connection_pool_timeout=750
          worker.tomcat13.socket_keepalive=0
          worker.tomcat13.socket_timeout=300000
          worker.tomcat13.connect_timeout=10000
          worker.tomcat13.reply_timeout=330000

          worker.tomcatlb.type=lb
          worker.retries=3
          worker.tomcatlb.balanced_workers=tomcat12,tomcat13
          worker.tomcatlb.sticky_session=1

          worker.status.type=status

          3.在conf下添加一個mod_jk.conf文件

          LoadModule    jk_module  modules/mod_jk.so

          #configure mod_jk
          JkWorkersFile conf/workers.properties
          JkLogFile logs/mod_jk.log
          JkLogLevel debug

          4.增加一個虛擬機配置文件vhosts.conf (這個不是必須的,可以將JkMount 的寫其他的配置文件中)

          <VirtualHost *:80>
              ServerAdmin webmaster@dummy-host.example.com
              DocumentRoot /data/google
              ServerName my.linuxcoffee.org
              ErrorLog logs/my.linuxcoffee.org-error_log
              CustomLog logs/my.linuxcoffee.org-access_log common
              DirectoryIndex index.htm  index.html

          JkMount /*.jsp tomcatlb
          JkMount /*.action tomcatlb
          JKMount /jkstatus status
          </VirtualHost>

          4.修改conf下的httpd.conf文件加上

          Include conf/vhosts.conf
          Include conf/mod_jk.conf

          5.配置tomcat
          講Cluster 前的注釋去掉,啟用tomcat集群功能。
          一般不需要修改什么東西,但在我這邊,兩臺linux的tomcat就是死活找不到node,而同樣的配置文件在window下的跑得很是正常。
          有個東西要說明下,因為tomcat的session同步功能需要用到組播,windows默認情況下是開通組播服務的,但是linux默認情況下并沒有開通,可以通過指令打開route add -net 224.0.0.0 netmask 240.0.0.0 dev eth0,如果需要服務器啟動時即開通組播需在/etc/sysconfig/static-routes文件內加入eht0 net 224.0.0.0 netmask 240.0.0.0。具體組播概念請查閱CCNP相關內容。
          可以通過netstate -g 來查看組播狀態,也可以在route -e 命令中看到

          原來一直提示這個問題
          信息: Manager [/clusterapp]: skipping state transfer. No members active in cluster group.
          最后測試只要修改在Cluster之間的一段代碼

          <Receiver         
          className="
          org.apache.catalina.cluster.tcp.ReplicationListener
          "
                          
          tcpListenAddress="auto"
                          
          tcpListenPort="4001"
                          
          tcpSelectorTimeout="100"
                          
          tcpThreadCount="6"/>

          改為

          <Receiver         
          className="
          org.apache.catalina.cluster.tcp.ReplicationListener
          "
                          
          tcpListenAddress="192.168.1.12"
                          
          tcpListenPort="4001"
                          
          tcpSelectorTimeout="100"
                          
          tcpThreadCount="6"/>

          在13的服務器上也將這一段修改為自己的ip

          然后打開jvmRoute ,跟workers.properties 的兩個tomcat名字相匹配
          ip1

          <Engine name="Standalone" defaultHost="localhost" jvmRoute="tomcat12"/>

          ip2

          <Engine name="Standalone" defaultHost="localhost" jvmRoute="tomcat13"/>

          好了,apache和tomcat的配置好了,可以訪問了。
          這里,再提供一個鏈接,可以監控和配置負載均衡的各種信息
          http://192.168.1.11/jkstatus或http://my.linuxcoffee.org、jkstatus來訪問網站。

          注:需要在web.xml的display-name后面 下加上一段。 這個跟順序有關的,不然,xml文件會變紅哦。

          <?xml version="1.0" encoding="UTF-8"?>
          <web-app xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd" version="2.4">
          <display-name>TomcatDemo</display-name>
          <distributable/>
          </web-app>

          參考文章:
          Tomcat 5 Home Page
          Clustering Home Page on Tomcat site
          Load Balancer Home Page on Tomcat site

          posted @ 2008-01-13 20:48 larryjava 閱讀(1298) | 評論 (0)編輯 收藏


            

          <script language="javascript">
            g_blnCheckUnload 
          = true;
            
          function RunOnBeforeUnload() {
               
          if (g_blnCheckUnload) {window.event.returnValue = 'You will lose any unsaved content';   
               }
            
            }

          </script>
          <body  onbeforeunload="RunOnBeforeUnload()">
          </body>
          二、
          <script>
          function window.onbeforeunload()
          {
              
          if(event.clientX>document.body.clientWidth&&event.clientY<0||event.altKey)
              
          {
                  window.event.returnValue
          ="確定上傳完成嗎?";
              }
          else
              
          {
                  alert(
          "你在刷新");
              }

          }

          </script>
          posted @ 2007-12-11 13:35 larryjava 閱讀(314) | 評論 (0)編輯 收藏
          父窗口代碼:
          <a href="javascript:void(0)" onclick="window.open('child.html','child','width=400,height=300,left=200,top=200');">打開子窗口</a>


          子窗口代碼:
          <script language="JavaScript" type="text/javascript"> <!-- function refreshParent() {     window.opener.location.href = window.opener.location.href;     if (window.opener.progressWindow)     {         window.opener.progressWindow.close();     }     window.close(); } //--> </script>  <a href="javascript:void(0)" onclick="refreshParent()">刷新父窗口并關閉當前窗口</a> 


          點此查看示例
          posted @ 2007-12-05 15:04 larryjava 閱讀(797) | 評論 (0)編輯 收藏

           

          <script language=javascript> 

          function gbcount(message,total,used,remain)
          {
          var max;
          max 
          = total.value;
          if (message.value.length > max) {
          message.value 
          = message.value.substring(0,max);
          used.value 
          = max;
          remain.value 
          = 0;
          alert(
          "內容不允許超過 1000 個字!");
          }

          else {
            
          var iLength = 0;
           
          for(var i = 0;i<message.value.length;i++)
           
          {
           
          if(message.value.charCodeAt(i) >255)//字母數字的ascii編碼都小于255而漢字的編碼肯定大于255
           {
           iLength 
          += 2;
           }
          else if(message.value.charCodeAt(i)==32)//空格
           {
             iLength 
          += 0;
           }
          else//字母或數字
            {
              iLength 
          += 1;
            }

           }

          used.value
          =iLength;
          //used.value = message.value.length;
          remain.value = max - used.value;
          }

          }

          </script>
          <form>
          <textarea    onkeydown=gbcount(this.form.contents,this.form.total,this.form.used,this.form.remain); onkeyup=gbcount(this.form.contents,this.form.total,this.form.used,this.form.remain); cols="80" rows="8" wrap="VIRTUAL" id="contents">
          </textarea>
          最多字數:
          <INPUT  disabled maxLength=4 name=total size=3 value=1000> 
          已用字數:
          <INPUT  disabled maxLength=4 name=used size=3 value=0> 
          可用字數:
          <INPUT  disabled maxLength=4 name=remain size=3 value=1000>
          </form>

          <htmel><title>字數</title>
          <script language="javascript">
          function gbcount(message,total,used,remain)
          {
          var max;
          max=total.value;
          if(message.value.length > max){
          message.value = message.value.substring(0,max);
          used.value = max;
          remain.value = 0;
          alert('不能超過300個字!');
          }
          else{
          used.value = message.value.length;
          remain.value = max - used.value;
          }
          }
          </script>

          <body><form>
          <textarea  cols="60" rows="8" id="memo1" onkeydown="gbcount(this.form.memo1,this.form.total1,this.form.used1,this.form.remain1);"  onkeyup="gbcount(this.form.memo1,this.form.total1,this.form.used1,this.form.remain1);"></textarea>
          <br>
          最多字數:<INPUT disabled maxLength=4 name=total1 size=3 value=500>
          已用字數:<INPUT disabled maxLength=4 name=used1 size=3 value=0>
          剩余字數:<INPUT disabled maxLength=4 name=remain1 size=3 value=500> </form>
          </body></html>

          posted @ 2007-09-17 13:09 larryjava 閱讀(843) | 評論 (0)編輯 收藏
          主站蜘蛛池模板: 辽中县| 双峰县| 通辽市| 富锦市| 泸州市| 准格尔旗| 荣昌县| 杭锦后旗| 西乌珠穆沁旗| 周口市| 安顺市| 伽师县| 云浮市| 南涧| 商水县| 如东县| 内丘县| 丁青县| 大邑县| 宝清县| 隆安县| 辽中县| 甘德县| 锡林浩特市| 凭祥市| 安徽省| 蓬安县| 泽库县| 准格尔旗| 通州市| 灵宝市| 淮阳县| 博罗县| 光山县| 长葛市| 肥西县| 孟连| 靖边县| 元谋县| 宁陵县| 高淳县|