Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 一级国产特黄aa大片,www一区二区,最新国产精品亚洲

          整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          HTML 字體標(biāo)簽

          體效果

          <h1></h1> 標(biāo)題字(最大)

          <h6></h6> 標(biāo)題字(最小)

          <h1 align="center"></h1>

          <strong></strong> 粗體字(突出強(qiáng)調(diào))

          <b></b> 粗體字(bold:粗體)

          <i></i> 斜體字(italic:斜體)

          <u></u> 底線,文本添加下劃線:(underline:下劃線)

          <strike></strike>或<s></s> 橫線,相當(dāng)于加刪除線文本 <del></del> HTML5

          等寬文字標(biāo)簽:對于等寬文字設(shè)置多數(shù)情況用在英文文字顯示中

          <tt></tt> 打字體,類似打字機(jī)或者等寬的文本效果。

          <code></code> 等寬文字設(shè)置內(nèi)容(定義計(jì)算機(jī)代碼文本)

          <samp></samp> 等寬文字設(shè)置內(nèi)容(定義樣本文本)

          <kbd> 定義鍵盤文本。

          <sup></sup> 文字上標(biāo)字體標(biāo)簽(super)

          <sub></sub> 文字下標(biāo)字體標(biāo)簽(subscipt)

          <address></address> 設(shè)置地址文字(可定義一個(gè)地址,比如電子郵件地址。您應(yīng)當(dāng)使用它來定義地址、簽名或者文檔的作者身份。)

          <font></font> 編輯網(wǎng)頁文字樣式

          <font face="" size="" color=""></font>

          face屬性可以用于設(shè)置文字的名稱,可以是宋體、隸書、楷體等;

          size屬性用于設(shè)置字號的大小(單位:字號),從 1 到 7 的數(shù)字,或h1-h6。瀏覽器默認(rèn)值是3。

          color用于設(shè)置字體的顏色

          <font size="3" color="red">This is some text!</font>
          <font size="2" color="blue">This is some text!</font>
          <font face="verdana" color="green">This is some text!</font>

          手冊上沒有

          <ruby></ruby>和<rt></rt> 設(shè)置文字標(biāo)注標(biāo)記

          實(shí)例:

          <ruby>當(dāng)代最可愛的人<rt>志愿軍</rt></ruby>

          ont 屬性可以用來作為 font-style, font-variant, font-weight, font-size, line-height 和 font-family 屬性的簡寫,或?qū)⒃氐淖煮w設(shè)置為系統(tǒng)字體。

          字體修改

          • font-family 屬性:設(shè)置HTML頁面中的字體
          • font-size 屬性:設(shè)置字體大小
          • font-weight 屬性:設(shè)置字體的粗細(xì)程度
          • font-style 屬性:設(shè)置指定字體樣式

          font-family寫法示例:

           <style>
                   p{
                       font-family: "幼圓";
                   }
               </style>
           </head>
           <body>
               <p>19級啟嘉班</p>
           </body>

          效果:

          、 HTTP協(xié)議請求報(bào)文以及響應(yīng)報(bào)文

          2、 JAVA Socket編程 Socket以及ServerSocket

          3、 WEB服務(wù)器概念 Tomcat服務(wù)器目錄結(jié)構(gòu)和基本配置server.xml文件

          4、 什么是Servlet? 怎樣實(shí)現(xiàn)一個(gè)自定義Servlet?

          5、 Servlet基本配置

          6、 ServletAPI 包括HttpServlet、HttpServletRequest、HttpServletResponse、ServletConfig、ServletContext

          7、 service方法以及doGet和doPost方法

          8、 servlet生命周期

          9、 怎樣獲取網(wǎng)頁提交的參數(shù)?

          10、 會話HttpSession和Cookie

          11、 調(diào)用一個(gè)已定義好的Servlet有哪些方式

          12、 表單提交數(shù)據(jù)到Servlet 中文亂碼處理

          13、 客戶端頁面向服務(wù)端servlet傳遞參數(shù)有哪些方式

          14、 JSP的運(yùn)行原理以及基本語法

          15、 JSP隱式對象

          16、 JavaScript基本語法

          17、 JavaScript中的對象

          18、 JavaScript與AJAX

          19、 基于對象的Javascript以及繼承的實(shí)現(xiàn)



          客戶端/服務(wù)器的優(yōu)勢在于:

          服務(wù)器和客戶端分?jǐn)側(cè)蝿?wù),分別負(fù)責(zé)部分處理工作;

          服務(wù)器可以同時(shí)為多臺客戶端服務(wù);

          多個(gè)客戶端可以同時(shí)訪問服務(wù)器上的相同數(shù)據(jù)。


          IP

          網(wǎng)絡(luò)ID:網(wǎng)絡(luò)ID標(biāo)識了計(jì)算機(jī)或網(wǎng)絡(luò)設(shè)備所在的網(wǎng)段;

          主機(jī)ID:主機(jī)ID標(biāo)識了特定的主機(jī)或網(wǎng)絡(luò)設(shè)備


          特殊IP地址:

          0.0.0.0和127.0.0.1就是兩個(gè)此類地址,第一個(gè)稱為缺省路由,后一個(gè)是環(huán)回地址;

          127.0.0.1被保留用于用戶主機(jī)的本地IP話務(wù),它被分配給一個(gè)特殊接口,即起到閉合電路作用的環(huán)回接口


          端口

          端口使用一個(gè)16位的數(shù)字來表示,它的范圍是0~65535,1024以下的端口號保留給預(yù)定義的服務(wù),如:http使用80端口;


          java.net包

          java.net包可以實(shí)現(xiàn)Java的網(wǎng)絡(luò)功能,


          InetAddress:

          InetAddress getByName(String host) 在給定主機(jī)名的情況下確定主機(jī)的 IP 地址

          注:host可以是主機(jī)名 IP地址 或者域名

          InetAddress getLocalHost() 返回本地主機(jī)的InetAddress對象

          InetAddress[] getAllByName(String host) 在給定主機(jī)名的情況下,根據(jù)系統(tǒng)上配置的名稱服務(wù)返回其 IP 地址所組成的數(shù)組可能一個(gè)主機(jī)名對應(yīng)多個(gè)服務(wù)器(負(fù)載均衡)


          JAVA Socket編程

          socket用于描述IP地址和端口,應(yīng)用程序通過套接字向網(wǎng)絡(luò)發(fā)出請求或者應(yīng)答網(wǎng)絡(luò)請求;

          套接字會因?yàn)榫W(wǎng)絡(luò)的連接中斷而失效,所以對它的操作都有可能拋出IOException

          Socket以及ServerSocket

          客戶端流程:向服務(wù)端請求,獲取輸入輸出流,進(jìn)行收發(fā)數(shù)據(jù),關(guān)閉io流,關(guān)閉套接字


          服務(wù)器流程:創(chuàng)建套接字,獲得客戶端請求,獲得輸入輸出流,收發(fā)信息,關(guān)閉io流,關(guān)閉套接字

          包裝以提高效率(用BufferedReader包裝輸入流,用PrintWriter包裝輸出流)

          BufferedReader in = new BufferedReader(new InputStreamReader(socket.getInputStream()));


          PrintWriter(OutputStream out, boolean autoFlush) 利用現(xiàn)有的OutputStream構(gòu)造格式打印流,由參數(shù)autoFlush指定是否帶自動刷新緩存的功能


          進(jìn)程與線程的區(qū)別

          進(jìn)程是指系統(tǒng)中正在運(yùn)行中的應(yīng)用程序,它擁有自己獨(dú)立的內(nèi)存空間;

          線程是指進(jìn)程中一個(gè)執(zhí)行流程,一個(gè)進(jìn)程中允許同時(shí)啟動多個(gè)線程,他們分別執(zhí)行不同的任務(wù);

          線程與進(jìn)程的主要區(qū)別在于:每個(gè)進(jìn)程都需要操作系統(tǒng)為其分配獨(dú)立的內(nèi)存地址空間,而同一進(jìn)程中的所有線程在同一塊地址空間中,這些線程可以共享數(shù)據(jù),因此線程間的通信比較簡單,消耗的系統(tǒng)開銷也相對較小。


          在Java中實(shí)現(xiàn)線程有兩種方式,分別是:

          擴(kuò)展java.lang.Thread類

          實(shí)現(xiàn)java.lang.Runnable接口


          線程start()調(diào)用run()方法,重寫的是run()


          線程生命周期


          線程狀態(tài):

          新建狀態(tài)(New):使用new關(guān)鍵字創(chuàng)建線程對象,僅僅被分配了內(nèi)存;

          就緒狀態(tài)(Ready):線程對象被創(chuàng)建后,等待它的start方法被調(diào)用,以獲得CPU的使用權(quán);

          運(yùn)行狀態(tài)(Running):執(zhí)行run方法,此時(shí)的線程的對象正占用CPU;

          睡眠狀態(tài)(Sleeping):調(diào)用sleep方法,線程被暫停,睡眠時(shí)間結(jié)束后,線程回到就緒狀態(tài),睡眠狀態(tài)的線程不占用CPU;

          死亡狀態(tài)(Dead):run方法執(zhí)行完畢后,線程進(jìn)入死亡狀態(tài);

          阻塞狀態(tài)(Blocked):線程由于某些事件(如等待鍵盤輸入)放棄CPU,暫停運(yùn)行,直到線程重新進(jìn)入就緒狀態(tài),才有機(jī)會轉(zhuǎn)到運(yùn)行狀態(tài);


          Yield()和join()的不同


          HTTP協(xié)議

          HTTP (HyperText Transfer Protocol)協(xié)議即超文本傳輸協(xié)議,是基于網(wǎng)絡(luò)應(yīng)用層的協(xié)議,它建立在TCP/IP協(xié)議的基礎(chǔ)上;

          該協(xié)議使用可靠的TCP連接,默認(rèn)端口是80;

          HTTP協(xié)議基于客戶端/服務(wù)器模式,客戶端主動發(fā)出HTTP請求,服務(wù)器接收HTTP請求,返回HTTP響應(yīng)結(jié)果。


          HTTP協(xié)議是指超文本傳輸協(xié)議,專門用于在Internet上傳輸信息的協(xié)議,目前的版本是1.1;

          HTTP是應(yīng)用層的協(xié)議,它基于請求/響應(yīng)模式;

          HTTP協(xié)議默認(rèn)使用80端口進(jìn)行通訊;

          HTTP協(xié)議是無狀態(tài)的的協(xié)議。


          請求報(bào)文實(shí)例:

          請求報(bào)文是指客戶端瀏覽器向網(wǎng)絡(luò)服務(wù)器請求頁面時(shí),發(fā)送到服務(wù)器端的字符串,必須符合HTTP協(xié)議的格式要求,它可能包含如下組成部分:

          GET /index.html HTTP/1.1

          Accept: image/gif, image/x-xbitmap, image/jpeg, …, */*

          Accept-Language: zh-cn

          UA-CPU: x86

          Accept-Encoding: gzip, deflate

          User-Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)

          Host: www.163.com:80

          Connection: Keep-Alive

          <空行>


          請求報(bào)文中的大部分項(xiàng)目是可選的,只有GET和Host部分是必需的;

          GET部分的格式是:

          GET<空格>/[請求的URL]<空格>HTTP/協(xié)議版本號

          如:GET /index.html HTTP/1.1

          Host部分的格式是:

          Host:<空格>服務(wù)器域名或IP地址:端口號

          如:Host: www.newer.com.cn:80

          換言之,請求報(bào)文中只要包含以上兩部分,就可以向網(wǎng)絡(luò)站點(diǎn)服務(wù)器請求到頁面。


          //拼湊請求報(bào)文

          String strHttp = "GET / HTTP/1.1\r\n";

          strHttp += "Host: " + hostName + ":" + WEB_PORT + "\r\n";


          響應(yīng)報(bào)文實(shí)例:

          響應(yīng)報(bào)文是指網(wǎng)絡(luò)服務(wù)器收到來自客戶端的請求后,發(fā)回到客戶端的字符串,它用來告訴客服端:服務(wù)器已經(jīng)接受請求,隨后跟隨的是被請求的網(wǎng)頁內(nèi)容;

          響應(yīng)報(bào)文可能包含如下組成部分:

          HTTP/1.1 200 OK

          Date: Sat, 11 Aug 2007 11:58:37 GMT

          Server: Apache/1.3.37(Unix)

          Accept-Ranges: bytes

          Content-Length: 11503

          Content-Type: text/html

          <空行>


          響應(yīng)報(bào)文中也有兩部分是必需的:

          HTTP/協(xié)議版本號<空格>狀態(tài)碼<空格>OK

          狀態(tài)碼是一個(gè)3位整數(shù),用來表示不同的狀態(tài),200表示響應(yīng)成功,

          如:HTTP/1.1 200 OK

          狀態(tài)碼的具體描述請參閱本課件最后的附表。

          Content-Type:<空格>text/html;<空格>charset=字符集編碼

          用來描述服務(wù)器發(fā)回響應(yīng)的文件類型以及字符集編碼,text/html說明是文本文件或超文本文件,

          如:Content-Type: text/html; charset=GB2312


          模擬:

          out.println("Http/1.1 200 OK");

          out.println("Content-Type:text/html; charset=GB2312");


          狀態(tài)碼:


          Web應(yīng)用的優(yōu)勢

          相對于傳統(tǒng)的C/S結(jié)構(gòu)(Client客戶端/Server服務(wù)器)的應(yīng)用程序而言,B/S結(jié)構(gòu)的Web應(yīng)用程序具備以下優(yōu)勢:

          集中部署,無需安裝客戶端程序;

          集中管理,業(yè)務(wù)邏輯在服務(wù)端進(jìn)行維護(hù);

          數(shù)據(jù)共享,所有客戶端訪問同一服務(wù)器的數(shù)據(jù);

          覆蓋面廣,只要有Internet覆蓋的區(qū)域都可通過瀏覽器享受服務(wù);

          更強(qiáng)的平臺無關(guān)性,不必關(guān)心客戶端的軟硬件平臺,只要遵循HTTP協(xié)議,都可獲得支持。


          WEB服務(wù)器概念

          Web服務(wù)器可以解析(handles)HTTP協(xié)議。當(dāng)Web服務(wù)器接收到一個(gè)HTTP請求(request),會返回一個(gè)HTTP響應(yīng)(response),例如送回一個(gè)HTML頁面。為了處理一個(gè)請求(request),Web服務(wù)器可以響應(yīng)(response)一個(gè)靜態(tài)頁面或圖片,進(jìn)行頁面跳轉(zhuǎn)(redirect),或者把動態(tài)響應(yīng)(dynamic response)的產(chǎn)生委托(delegate)給一些其它的程序例如CGI腳本,JSP(JavaServer Pages)腳本,servlets,ASP(Active Server Pages)腳本,服務(wù)器端(server-side)JavaScript,或者一些其它的服務(wù)器端(server-side)技術(shù)。無論它們(譯者注:腳本)的目的如何,這些服務(wù)器端(server-side)的程序通常產(chǎn)生一個(gè)HTML的響應(yīng)(response)來讓瀏覽器可以瀏覽。



          Tomcat服務(wù)器目錄結(jié)構(gòu)和基本配置server.xml文件

          博客http://blog.csdn.net/mycomein/article/details/45798161


          tomcat環(huán)境變量的設(shè)置:

          首先添加TOMCAT_HOME的環(huán)境變量,值為d:\Program Files\tomcat7。

          添加CATALINA_HOME環(huán)境變量,值為%TOMCAT_HOME%,

          添加CATALINA_BASE環(huán)境變量,值為%TOMCAT_HOME%。


          Tomcat是以面向?qū)ο蟮姆绞竭\(yùn)作的;在執(zhí)行期間,它會基于配置文件的設(shè)定動態(tài)地組建其對象結(jié)構(gòu)。

          Server.xml文件中的每個(gè)主要元素都會創(chuàng)建軟件“對象”、排序及進(jìn)程管道中設(shè)置的這些元素嵌套方,讓您能執(zhí)行過濾、分組等工作。


          什么是Servlet? 怎樣實(shí)現(xiàn)一個(gè)自定義Servlet?

          Servlet是用Java語言編寫的程序,它運(yùn)行在Web服務(wù)器上,用以處理來自客戶端的請求;

          它一般會把處理的結(jié)果以為HTML的形式返回,在客戶端形成動態(tài)網(wǎng)頁

          Servlet的優(yōu)點(diǎn)

          Servlet運(yùn)行在Web服務(wù)器中,可以擴(kuò)展服務(wù)器的功能;

          Servlet可以和其他資源交互,從而生成返回給客戶端響應(yīng)的內(nèi)容,即動態(tài)網(wǎng)頁;

          使用Java編寫,所以能夠跨平臺;

          Java的所有優(yōu)點(diǎn)都可以在Servlet中體現(xiàn);

          Servlet很安全,因?yàn)樵L問Servlet的唯一途徑是通過服務(wù)器;

          只要符合Servlet規(guī)范的Servlet容器都可以運(yùn)行Servlet。


          自定義servlet

          一個(gè)類繼承HttpServlet,重寫doGet()和doPost()方法,如果需要看到創(chuàng)建和銷毀的過程,可以重寫init()和destroy()方法。

          Servlet基本配置

          在web.xml中加入servlet的配置:

          <servlet>

          <servlet-name>LoginServlet</servlet-name>

          <servlet-class>com.tkclm.servlet.LoginServlet</servlet-class>

          </servlet

          <servlet-mapping>

          <servlet-name>LoginServlet</servlet-name>

          <url-pattern>/login</url-pattern>

          </servlet-mapping>將action與class對應(yīng)起來


          ServletAPI 包括HttpServlet、HttpServletRequest、HttpServletResponse、ServletConfig、ServletContext

          HttpServletRequest


          HttpServletResponse


          Javaweb容器的四種作用域

          幾乎所有web應(yīng)用容器都提供了四種類似Map的結(jié)構(gòu):application session request page,Jsp或者Servlet通過向著這四個(gè)對象放入數(shù)據(jù),從而實(shí)現(xiàn)Jsp和Servlet之間數(shù)據(jù)的共享。

          application:整個(gè)應(yīng)用 對應(yīng)servlet中ServletContext

          session:會話    對應(yīng)servlet中HttpSession

          request:一次請求  對應(yīng)servlet中的HttpServletRequest

          page:當(dāng)前頁面

          ServletConfig:此接口定義Servlet配置對象,以便于容器將信息傳遞給Servlet。

          ServletContext:此接口定義了一組方法,用于Servlet與容器進(jìn)行通信。

          service方法以及doGet和doPost方法、

          public void service(HttpServletRequest request, HttpServletResponse response)

          throws ServletException, IOException

          service方法是接口中的方法,servlet容器把所有請求發(fā)送到該方法,該方法默認(rèn)行為是轉(zhuǎn)發(fā)http請求到doXXX方法中,如果你重載了該方法,默認(rèn)操作被覆蓋,不再進(jìn)行轉(zhuǎn)發(fā)操作!此方法用來調(diào)度客戶端的請求,API文檔中明確規(guī)定,請勿重寫該方法

          servlet生命周期


          怎樣獲取網(wǎng)頁提交的參數(shù)?

          ①String str=request.getParameter("參數(shù)名稱")方法可以獲得參數(shù)值。

          對于復(fù)選框類的數(shù)據(jù),可以通過
          ②String[] str=request.getParameterValues("參數(shù)名稱")方法獲得。

          會話HttpSession和Cookie

          Cookie通過在客戶端記錄信息確定用戶身份Session通過在服務(wù)器端記錄信息確定用戶身份。Cookie由服務(wù)器產(chǎn)生,給客戶端頒發(fā)的通行證,每一個(gè)Cookie只能保存一個(gè)變量,

          若需要修改(包括刪除)需要服務(wù)器重新頒發(fā)Cookie。

          會話對象(它主要解決了HTTP協(xié)議是無狀態(tài)的問題。)

          所謂的會話是指:在一段時(shí)間內(nèi),某客戶端與服務(wù)器之間的一連串的請求與響應(yīng);

          會話對象可以使用戶訪問一個(gè)站點(diǎn)的多個(gè)頁面時(shí)共享信息;

          javax.servlet.http.HttpSession接口用來提供會話對象,如果我們在程序中需要操作會話,就可以使用它;

          可以通過HttpServletRequest的getSession方法獲得(或創(chuàng)建)HttpSession對象。


          調(diào)用一個(gè)已定義好的Servlet有哪些方式

          發(fā)送請求(包括表單() a標(biāo)簽 js的)重定向(重定向跟轉(zhuǎn)發(fā))

          重定向:response.sendRedirect("success.jsp");
          r轉(zhuǎn)發(fā):equest.getRequestDispatcher("success.jsp").forward(request,response);
          1.轉(zhuǎn)發(fā)在服務(wù)器端完成的;重定向是在客戶端完成的
          2.轉(zhuǎn)發(fā)的速度快;重定向速度慢
          3.轉(zhuǎn)發(fā)的是同一次請求;重定向是兩次不同請求
          ★4.轉(zhuǎn)發(fā)不會執(zhí)行轉(zhuǎn)發(fā)后的代碼;重定向會執(zhí)行重定向之后的代碼
          ★5.轉(zhuǎn)發(fā)地址欄沒有變化;重定向地址欄有變化
          6.轉(zhuǎn)發(fā)必須是在同一臺服務(wù)器下完成;重定向可以在不同的服務(wù)器下完成


          表單提交數(shù)據(jù)到Servlet 中文亂碼處理

          可以通過字符集轉(zhuǎn)碼來解決此問題:

          對于get

          new String(request.getParameter("name").getBytes("ISO-8859-1"), "UTF-8");

          對于post

          request.setCharacterEncoding("UTF-8");

          客戶端頁面向服務(wù)端servlet傳遞參數(shù)有哪些方式

          表單

          a標(biāo)簽

          Ajax即js

          <jsp:param>

          <%setAttributr();%>

          JSP的運(yùn)行原理以及基本語法

          Jsp執(zhí)行過程:


          JSP 頁面內(nèi)容


          JSP元素包括JSP腳本元素(包括注釋,聲明,表達(dá)式,scriptlet),指令元素(page,include,taglib),動作元素。


          Jsp聲明:

          需求:某系統(tǒng)計(jì)算的金額中有兩種形式,一種是帶有兩位小數(shù)的,另一種是整數(shù),現(xiàn)在要求你在JSP頁面將不帶小數(shù)的金額轉(zhuǎn)換為帶兩位小數(shù)的金額。

          <%

          String trans(String money){

          Int index = money.indexOf(“.”);

          If(index == -1){

          Money = money +”.00”;

          }

          Retrun money;

          }

          %>

          <%=trans(money)%>

          Jsp注釋<%-- comment--%>>不會顯示在網(wǎng)頁上,html<!-- comment-->注釋會顯示在網(wǎng)頁中


          Jsp指令包括 page,include,taglib

          例:

          <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

          <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

          <%@ include file="../jsp/Header.jsp"%>

          格式:<%@ 指令名稱 屬性1="屬性值1" 屬性2="屬性值2" … 屬性n="屬性值n"%>


          l page 指令用于設(shè)置JSP 頁面的屬性,這個(gè)屬性將被用于和容器通信

          <%@ page %>指令作用于整個(gè)JSP頁面,同樣包括靜態(tài)的包含文件。

          無論你把<% @ page %>指令放在JSP的文件的哪個(gè)地方,它的作用范圍都是整個(gè)JSP頁面。

          [ language=“java” ]

          主要指定JSP容器要用什么語言來編譯JSP的元素

          [ import=“{package.class | package.*}, ...” ]

          JSP程序可以使用哪些包

          [pageEncoding = “UTF-8”]

          Jsp程序用什么編碼格式編碼


          l include指令

          用來在JSP文件被編譯時(shí)導(dǎo)入一個(gè)指定的文件,語法形式

          <%@ include file = ”relativeURLspec” %>

          include 指令告訴編譯器在編譯當(dāng)前的JSP程序時(shí),將由relativeURLspec所指定的外部文件代碼插入到include編譯指令所在的位置,并把它作為當(dāng)前JSP程序的一部分編譯.如果被嵌入文件在包含它們的主JSP程序被裝載到內(nèi)存之后被修改,那么主JSP程序連同被嵌入的文件將在下一次請求產(chǎn)生時(shí)被重新編譯.

          這個(gè)包含的過程是靜態(tài)的,而包含的文件可以是HTML文件、JSP頁面、文本文件或是一段java程序


          l Taglib指令

          taglib 指令允許用戶創(chuàng)建自定義標(biāo)簽 jstl

          總結(jié):

          JSP 腳本由三個(gè)元素組成,即 JSP 表達(dá)式、JSP Scriptlet 和 JSP 指令

          JSP 表達(dá)式包括在 <%= %>內(nèi); Scriptlet 包含在<% %>內(nèi);聲明包含在<%! %>內(nèi)

          JSP 指令共有三種類型,即 page、include 和 taglib。JSP 指令包括在 <%@ 和 %>內(nèi)

          page 指令用于設(shè)置 JSP 頁面的屬性;include 指令用于在 JSP 頁面嵌入其他文件

          JSP隱式對象


          l request表示客戶端對網(wǎng)頁的請求

          l response實(shí)現(xiàn) javax.servlet.http.HttpServletResponse 接口使用 HTTP 協(xié)議將響應(yīng)發(fā)送給客戶端

          l out表示輸出流

          l Session

          l Application 表示 JSP 頁面所屬的應(yīng)用程序

          l pageContext使用戶可以訪問頁面作用域中定義的所有隱式對象它的作用范圍是在同一頁面

          l Page使用 page 對象可以訪問 Servlet 類的所有變量和方法

          l config實(shí)現(xiàn)javax.servlet.ServletConfig接口,表示Servlet 的配置,其常用方法有:

          getInitParameter() 獲取初始化的參數(shù)

          getServletContext() 獲取環(huán)境

          getServletName() 獲取Servlet名字

          l exception對象用于處理 JSP 頁面中的錯(cuò)誤

          JavaScript基本語法

          Js特點(diǎn):腳本語言,基于對象,事件驅(qū)動,平臺無關(guān)


          將JavaScript嵌入網(wǎng)頁(三種方式):

          1.使用 <script>…</script> 標(biāo)簽將語句嵌入文檔

          2.將 外部JavaScript 源文件鏈接到 html 文檔中

          <script src= "test.js"></script>

          可使多個(gè)網(wǎng)頁共享一個(gè)腳本文件內(nèi)的代碼

          一般在其中定義一系列在多個(gè)網(wǎng)頁中都可能要用到的函數(shù)

          3.作為網(wǎng)頁元素的事件處理程序,當(dāng)事件觸發(fā)時(shí)自動運(yùn)行

          <marquee onmouseover=“this.stop()”>


          JavaScript基本語法部分:

          語句:一條由計(jì)算機(jī)完成的、幫助你達(dá)到某種目的的指令,JavaScript中的每一行都可認(rèn)為是一條語句

          變量:一個(gè)代表某個(gè)值的名字就是變量

          表達(dá)式:A-1+B 就是表達(dá)式

          函數(shù):具有一定功能的程序段


          數(shù)據(jù)類型:


          變量

          JS是弱類型的語言,即聲明變量時(shí)不需指定數(shù)據(jù)類型,為它賦值時(shí)其類型才確定,而且再次為其賦值可改變它的數(shù)據(jù)類型.

          變量的命名: 只能包含數(shù)字,字母,下劃線("_"),但不能以數(shù)字開頭,不能是保留字(關(guān)鍵字)

          JS區(qū)分大小寫

          用var聲明變量


          函數(shù)的聲明與調(diào)用

          方式一、

          function 函數(shù)名([參數(shù)[,參數(shù)...]]){
          <語句組>
          [return <表達(dá)式>;]
          }

          方式二、

          函數(shù)名 = function ([參數(shù)[,參數(shù)...]]) {

          }

          方式三、(較不常用)

          Function類

          函數(shù)名 = new Function ([“參數(shù)名”[,“參數(shù)名”...]],“函數(shù)體”)


          arguments對象

          1:arguments是收到的實(shí)參副本
            在詞法分析中, 首先按形參形成AO的屬性,值為undefined
            當(dāng)實(shí)參傳來時(shí), 再修改AO的相應(yīng)屬性.
            2:并把所有收到實(shí)參收集起來,放到一個(gè)arguments對象里
            t(a,b,c){},
            調(diào)用時(shí): t(1,2,3,4,5) 5個(gè)參數(shù)
            此時(shí) , AO屬性只有a,bc,3個(gè)屬性, arguments里有1,2,3,4,5, 所有的值

            對于超出形參個(gè)數(shù)之外的實(shí)參, 可以通過arguments來獲得
            3:arguments 的索引 從 0, 1,2,....遞增,與實(shí)參逐個(gè)對應(yīng)
            4:arguments.length 屬性代表實(shí)參的個(gè)數(shù)
            5:arguments一定不是數(shù)組, 是長的比較像數(shù)組的一個(gè)對象,雖然也有l(wèi)ength屬性
            6:arguments每個(gè)函數(shù)都會有,因此,arguemnts只會在內(nèi)部找自身的arguments,
            無法引用到外層的arguments
            <script type="text/javascript">
            // 求圓形面積,矩形面積, 三角形面積
            function area () {
            if(arguments.length == 1) {
            alert(3.14 * arguments[0] * arguments[0]);
            } else if(arguments.length == 2) {
            alert(arguments[0] * arguments[1]);
            } else if(arguments.length == 3) {
            alert(arguments[0] + arguments[1] + arguments[2]);
            } else {
            return null;
            }
            }
            area(10,20,30);
            
            </script>

          內(nèi)部函數(shù)

          function a( d){
          var i=0;

          Function c(){

          //....

          }
          function b(){

          c();
          alert(++i);
          }
          return b;
          }
          var c = a();
          c();

          閉包:允許使用內(nèi)部函數(shù)--即函數(shù)定義和函數(shù)表達(dá)式位于另一個(gè)函數(shù)的函數(shù)體內(nèi)。而且,這些內(nèi)部函數(shù)可以訪問它們所在的外部函數(shù)中聲明的所有局部變量、參數(shù)和聲明的其他內(nèi)部函數(shù)。


          類型轉(zhuǎn)換

          強(qiáng)制類型轉(zhuǎn)換,ECMAScript中可用的3種強(qiáng)制類型轉(zhuǎn)換:
          Boolean(value);
          Number(value);
          String(value);

          NaN --- 不是一個(gè)數(shù)字類型

          NaN 值非常特殊,因?yàn)樗安皇菙?shù)字”,所以任何數(shù)跟它都不相等,甚至 NaN 本身也不等于 NaN 。

          isNaN(testValue) 計(jì)算一個(gè)參數(shù),檢查它是否為數(shù)值。


          var iNum = 10;

          var snum = iNum.toString(8); 12 進(jìn)制

          var iNum1= parseInt("12.6"); 12

          var iNum2= parseInt("hello"); NaN

          var iNum3= parseInt("123world");123

          var fNum4= parseFloat("25.12.6");25.12

          var b1 = Boolean("");false

          var b2 = Boolean(undefined);false

          var b3 = Boolean(0);false

          var iNum = Number("25.12.6");NaN

          var bl = isNaN(Number("13f"))true

          JavaScript中的對象

          本地對象

          Object Function Array String Boolean Number Date RegExp Error EvalError RangeError TypeError ReferenceError SyntaxError URIError

          內(nèi)置對象

          Global Math

          宿主對象(自定義對象)


          對象是用關(guān)鍵字new后跟要實(shí)例化的類的名字創(chuàng)建,例如:

          var oObj = new Object();

          如果構(gòu)造 函數(shù)無參數(shù),括號可省略

          var oObj = new Object;


          Object 對象:


          可以對object對象增加函數(shù)屬性


          判斷對象是否有某個(gè)屬性:


          alert(oPerson.hasOwnProperty(“age”));



          字符串對象 String

          屬性:length


          數(shù)組對象 Array

          創(chuàng)建數(shù)組對象

          myArr=new Array(); myArr [10]= “array”; //MyArray數(shù)組的長度為10

          myArr=new Array(3); //可存放三個(gè)元素

          myArr=new Array(“a”,”c”,”d”);//存放了三個(gè)元素的數(shù)組

          myArr=[“a”,”b”,”c”]; //存放了三個(gè)元素的數(shù)組

          下標(biāo)從0開始編號


          數(shù)學(xué)對象 Math

          max(,,,,)方法:返回各個(gè)參數(shù)中最大的數(shù)

          min(,,,)方法:返回各個(gè)參數(shù)中最小的數(shù)

          abs()方法:返回絕對值

          sin()方法:返回參數(shù)的正弦值,參數(shù)為弧度

          sqrt()方法:求輸入?yún)?shù)的平方根

          round():四舍五入為整數(shù)

          random():返回0-1的隨機(jī)小數(shù)

          返回 n 到 m之間的隨機(jī)整數(shù):

          var iNum = Math.floor(Math.random() * (m-n+1) +n);

          floor():取整,返回比參數(shù)小的最大整數(shù)

          ceil():返回大于或等于參數(shù)的最近整數(shù)

          Grobal對象:對象從不直接使用,并且不能用 new 運(yùn)算符創(chuàng)建。它在 Scripting 引擎被初始化時(shí)創(chuàng)建,并立即使其方法和屬性可用。


          日期時(shí)間對象Date

          日期對象的創(chuàng)建:

          mydate=new Date()
          創(chuàng)建代表當(dāng)前日期時(shí)間的日期對象

          mydate=new Date(“October 1,2005,12:00:00”)
          創(chuàng)建代表2005年國慶午時(shí)的日期對象

          Mydate=new Date(2005, 9, 1)

          創(chuàng)建代表2005年10月1日的日期對象

          日期對象以系統(tǒng)內(nèi)存中以數(shù)值表示,以1970年1月1日0時(shí)0分0秒0毫秒為起始點(diǎn),每過一毫秒增加一.

          get方法組à從日期對象中分解出它所處的年月日,星期幾,時(shí)分秒,毫秒值

          getYear()à返回年份數(shù)

          getMonth()à返回月份數(shù):0-11,應(yīng)加上1.

          getDate()à返回當(dāng)前Date對象的日期數(shù):1-31

          getDay()à返回星期幾:0-6, 0代表星期日

          getHours()à返回小時(shí)數(shù):0-23

          getMinutes()à返回分鐘數(shù):0-59

          getSeconds()à返回秒數(shù):0-59

          getTime()à返回毫秒數(shù):自起始時(shí)刻開始

          set方法組à設(shè)置(改變)日期對象的某一部分

          setYear()à設(shè)置年份數(shù)

          setMonth()à設(shè)置月份數(shù):參數(shù)0-11

          setDate()à設(shè)置日期數(shù):參數(shù)1-31

          setHours()à設(shè)置小時(shí)數(shù):參數(shù)0-23

          setMinutes()à設(shè)置分鐘數(shù):參數(shù)0-59

          setSeconds()à設(shè)置秒數(shù):參數(shù)0-59


          JavaScript與AJAX

          1.1XMLHttpRequst對象的概述

            在使用XMLHttpRequest對象發(fā)送請求和處理響應(yīng)之前,必須先調(diào)用JavaScript創(chuàng)建一個(gè)XMLHttpRequest對象。由于XMLHttpRequest不是一個(gè)W3C標(biāo)準(zhǔn),所以可以采用很多JavaScript方法來創(chuàng)建XMLHttpRequest的實(shí)例,IE把XMLHttpRequest實(shí)現(xiàn)為一個(gè)ActiveX對象,其他瀏覽器則把它實(shí)現(xiàn)為一個(gè)本地的JavaScript對象,由于存在這些差別,JavaScript必須包含有關(guān)的邏輯,從而使用ActiveX技術(shù)與使用本地的JavaScript對象技術(shù)創(chuàng)建XMLHttpRequst的一個(gè)實(shí)例。

            很多人可能還記得從前的那段日子,那時(shí)不同瀏覽器上的JavaScript與DOM簡直千差萬別,聽了這段話后有人可能不寒而栗。幸運(yùn)的是,在這里為了明確該如何創(chuàng)建XMLHttpRequst對象的實(shí)例,并不需要那么詳細(xì)的編寫代碼來區(qū)別瀏覽器的類型。你要做的只是檢查瀏覽器是否提供對ActiveX對象的支持。如果瀏覽器支持ActiveX對象,就可以使用ActiveX對象來創(chuàng)建XMLHttpRequest對象。否則,就要使用本地的JavaScript對象技術(shù)來創(chuàng)建。下面的代碼展示了編寫跨瀏覽器的JavaScript代碼來創(chuàng)建XMLHttpRequst是多么的簡單。

            創(chuàng)建XMLHttpRequest的一個(gè)實(shí)例:

          var xmlHttp; function createXMLHttpRequst(){ if(window.ActiveXObject){
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");     }
              else if(window.XMLHttpRequst){
                xmlHttp = new XMLHttpRequest();
              } }

            可以看到,創(chuàng)建一個(gè)XMLHttpRequest相當(dāng)容易。首先,要創(chuàng)建一個(gè)全局作用域變量xmlHttp來保存這個(gè)對象的引用。createXMLHttpRequst方法完成創(chuàng)建XMLHttpRequst對象的具體工作。這個(gè)方法中只有簡單的分支邏輯(選擇邏輯)來確定如何創(chuàng)建對象。對window.ActiveXObject的調(diào)用會返回一個(gè)對象,也可能返回一個(gè)null,if語句會把調(diào)用返回的結(jié)果看作是true或false(如果返回對象則為true,返回null則為false),以此指示瀏覽器是否支持ActiveX控件,相應(yīng)地得知瀏覽器是不是IE,如果確實(shí)是,則通過實(shí)例化一個(gè)ActiveX的一個(gè)新實(shí)例來創(chuàng)建XMLHttpRequst對象,并傳入一個(gè)串指令指示要創(chuàng)建何種類型的ActiveX對象

          。在這個(gè)例子中為構(gòu)造函數(shù)提供的字符串是Microsoft。XMLHTTP,這說明你想創(chuàng)建一個(gè)XMLHttpRequst的一個(gè)實(shí)例。

            如果window.ActiveXObjec調(diào)用失敗(返回null),JavaScript就會轉(zhuǎn)到else語句的分支確定瀏覽器是否把XMLHttpRequst實(shí)現(xiàn)為一個(gè)本地的JavaScript對象。如果存在window.XMLHttpRequest,就會創(chuàng)建XMLHttpRequst的一個(gè)實(shí)例。

            由于ajax具有動態(tài)類型特性,而且XMLHttpRequst在不同瀏覽器上的實(shí)現(xiàn)是兼容的,所以可以用同樣的方式訪問XMLHttpRequst實(shí)例的屬性和方法,而不論這個(gè)實(shí)例創(chuàng)建的方法是什么。這就大大地簡化了開發(fā)過程,而且在JavaScript中也不必編寫特定于瀏覽器的邏輯。

          1.2方法和屬性

            abort()  停止當(dāng)前請求;

            getAllResponseHeaders()  把HTTP請求的所有響應(yīng)首部作為鍵值對返回;

            getResponseHeader("header")  返回指定首部的串值;

            open("method","url")  建立對服務(wù)器的調(diào)用。method參數(shù)可以使GET POST 或PUT。url可以使相對url或絕對url,這個(gè)方法還包括三個(gè)可選的參數(shù);

            send(content)  向服務(wù)器發(fā)送請求;

            setRequstHeader("header","value")  把指定首部設(shè)置為所提供的值。在設(shè)置任何首部之前必須先調(diào)用open();

            下面來更詳細(xì)地討論這些方法。

            void open(string method, string url, boolean asynch ,string usename ,string password); 這個(gè)方法會建立對服務(wù)器的調(diào)用。這是初始化一個(gè)請求的純腳本方法。它有兩個(gè)必要的參數(shù)三個(gè)可選的參數(shù)。要提供調(diào)用的特定方法(get/post/put),還要提供所調(diào)用資源的url。另外還可以傳遞一個(gè)Boolean值,這是這個(gè)調(diào)用是異步的還是同步的。默認(rèn)值為true,表示本質(zhì)上是異步的,如果這個(gè)參數(shù)為false,處理就會等待,知道服務(wù)器返回響應(yīng)為止。由于異步調(diào)用是ajax主要優(yōu)勢之一,所以倘若這個(gè)參數(shù)設(shè)為false,從某種程度上講與使用XMLHttpRequst對象的初衷不太相符。不過在某些情況下見這個(gè)參數(shù)設(shè)為fals也是有用的,比如持久存儲頁面之前可以先驗(yàn)證用戶的輸入。最后兩個(gè)參數(shù)不說自明,允許你指定一個(gè)特定的用戶名和密碼。

            void send(content) 這個(gè)方法具體向服務(wù)器發(fā)送請求。如果請求聲明為異步的,這個(gè)方法就會立即返回,否則它會等到直到接收到響應(yīng)為止。可選參數(shù)可以是DOM對象的實(shí)例、輸入流,或串。傳入這個(gè)方法的內(nèi)容會作為一個(gè)請求體的一部分發(fā)送。

            void setRequstHeader(string header,string value);這個(gè)方法為為HTTP請求中一個(gè)給定的首部設(shè)置值,它有兩個(gè)參數(shù),第一個(gè)串表示要設(shè)置的首部,第二個(gè)串表示要在首部中放置的值。注意,這個(gè)方法必須在調(diào)用opend()之后才能調(diào)用。

            在所有的這些方法中,最有可能用到的就是opend()和send()。XMLHttpRequest對象還有很多屬性,在設(shè)計(jì)Ajax交互時(shí)這些屬性非常有用。

            void abort() 顧名思義,這個(gè)方法就是要停止請求。

            string getAllResponseHeaders() 這個(gè)方法的核心功能對開發(fā)人員應(yīng)該很熟悉,它返回一個(gè)串,其中包含HTTP請求的所有響應(yīng)首部,首部包括Content-Length/Data和URI

            string getReponseHeader(string header) 這個(gè)方法與getAllResponseHeaders()是對應(yīng)的,不過它有一個(gè)參數(shù)表示您希望的指定收不到的值,并把這個(gè)值作為串返回。除了這些標(biāo)準(zhǔn)方法,處理XMLHttpRequst可以大量使用這些屬性。

            onreadystatechange 每個(gè)狀態(tài)改變時(shí)都會觸發(fā)這個(gè)事件處理器,通常會調(diào)用一個(gè)javacript函數(shù);

            readyState 請求狀態(tài)。有5個(gè)可取的值:0:=未初始化,1=正在加載,2=已加載,3=交互中,4=完成;

            responseText服務(wù)器的響應(yīng),表示為一個(gè)串;

            responseXML服務(wù)器的響應(yīng),表示為XML,這個(gè)對象可解釋為DOM對象;

            status服務(wù)器HTTP狀態(tài)碼(200對應(yīng)Ok 404對應(yīng) not found ,等)

            statusText HTTP狀態(tài)碼的相應(yīng)文本(ok或not found等)

          1.3AJAX交互設(shè)計(jì)

            1.一個(gè)客戶端事件觸發(fā)一個(gè)Ajax事件。從簡單的onchange事件到某個(gè)特定的用戶動作,很多這樣的事都可以觸發(fā)Ajax事件。

          <input type="text" d="email" name="email" onblur="validateEmail()"/>


            2.創(chuàng)建XMLHttpRequst對象的一個(gè)實(shí)例。使用open()方法建立調(diào)用,并調(diào)用url及所希望的HTTP方法(通常是post/get)。請求實(shí)際上是通過一個(gè)send()方法調(diào)用觸發(fā),代碼如下:

          var xmlHttp; function validateEmail(){   var email = document.getElementById("email");
            var url = "validate?email="+escape(email.value);
            if(window.ActiveObject){
              xmlHttp = new ActiveObject("Microsoft.XMLHTTP");
            }
            else if(window.XMLHttpRequst){
              xmlHttp = new XMLHttpRequst();
            }
            xmlHttp.open("get",url);
            xmlHttp.onreadystatechange = callback;
            xmlHttp.send(null);
          }

            3.向服務(wù)器做出請求。可能調(diào)用servlet、CGI腳本,或者任何服務(wù)器端技術(shù)。

            4.服務(wù)器可以做你想做的事情,包括訪問時(shí)數(shù)據(jù)庫,甚至訪問另一個(gè)系統(tǒng)。

            5.請求返回到瀏覽器。content-type設(shè)置為text/xml ,XMLHttpRequst的對象只能處理text/html類型的結(jié)果。在另外一些更復(fù)雜的示例中

            6.在這個(gè)demo中,XMLHttpRequst對象配置為處理返回結(jié)果時(shí)要調(diào)用callback()函數(shù),這個(gè)函數(shù)會檢查XMLHttpRequst對象的readyState屬性,然后查看服務(wù)器返回的狀態(tài)碼。如果一切正常,callback()函數(shù)就會在客戶端做一些有意思的工作。一下就是一個(gè)典型的回調(diào)方法:

          function callback(){   if(xmlHttp.readyState == 4){
              if(xmlHttp.status == 200){
                //do something interesting here
              }
            } }

            可以看到,正常的請求/響應(yīng)模式有所不同,但對于web開發(fā)人員來說,并不是完全陌生的。顯然,在創(chuàng)建和建立XMLHttpRequst對象時(shí)還可以做些事情,另外當(dāng)“回調(diào)”函數(shù)完成狀態(tài)檢查之后也可以有所作為。一般的,你會把這些標(biāo)準(zhǔn)調(diào)用包裝在一個(gè)庫中,一便在整個(gè)應(yīng)用中使用,或者可以使用web上提供的庫


          基于對象的Javascript以及繼承的實(shí)現(xiàn)


          關(guān)鍵字this

          指向調(diào)用該方法的“當(dāng)前”對象

          this使用的幾種場合:

          用在對象的方法中

          構(gòu)造函數(shù)

          事件處理函數(shù)

          原型-prototype

          objectName.prototype

          objectName 是對象的名稱。

          objectName.prototype本身也是對象

          用 prototype 屬性提供對象的類的一組基本功能。 對象的新實(shí)例“繼承”賦予該對象原型的操作。

          prototype 對象是個(gè)模板,要實(shí)例化的對象都以這個(gè)為基礎(chǔ)。

          prototype 對象的任何屬性和方法都被傳遞給那個(gè)類的所有實(shí)例

          利用prototype修改本地對象

          個(gè)本地對象也有prototype屬性

          通過prototype屬性創(chuàng)建新方法

          通過prototype屬性重定義已有方法

          var books = new Array("java","C","VB"); Array.prototype.hasItem = function(oItem){ for(i=0; i<books.length; i++){ if(oItem == books[i]){ return true; } } return false;}


          var books = new Array("java","C","VB");


          Array.prototype.pop = function(){

          return "pop object";

          }

          var o = books.pop(); //原本為VB -à 重載后 pop object


          自定義對象的4種方式

          1.通過工廠方式創(chuàng)建

          此工廠創(chuàng)建的對象各屬性都一樣

          function createPerson(){

          var oPerson = new Object();

          oPerson.name = "張三";

          oPerson.age = 22;

          oPerson.showAge = function(){

          alert(this.age);

          }

          return oPerson;

          }

          var oPerson1 = createPerson();

          var oPerson2 = createPerson();

          此工廠根據(jù)傳參的不同 創(chuàng)建不同的屬性

          function createPerson(sName, iAge){

          var oPerson = new Object();

          oPerson.name = sName;

          oPerson.age = iAge;

          oPerson.showAge = function(){ //或者函數(shù)外定義

          alert(this.age);

          }


          return oPerson;

          }


          var oPerson1 = createPerson("張三",22);

          var oPerson2 = createPerson("李四", 20);

          oPerson1.showAge();

          oPerson2.showAge();

          2.通過構(gòu)造函數(shù)方式創(chuàng)建

          function Person(sName, iAge){

          this.name = sName;

          this.age = iAge;

          this.showAge = function(){ //或者函數(shù)外定義

          alert(this.age);

          }

          }


          var oPerson1 = new Person("張三",22);

          var oPerson2 = new Person("李四", 20);

          oPerson1.showAge();

          oPerson2.showAge();

          3.通過原型方式創(chuàng)建

          function Person(){

          }

          Person.prototype.name = "張三";

          Person.prototype.age = 22;

          Person.prototype.showAge = function(){

          alert(this.age);

          }


          var oPerson1 = new Person();

          var oPerson2 = new Person();


          function Person(){

          }

          Person.prototype.name = "張三";

          Person.prototype.age = 22;

          Person.prototype.books = new Array("java","C");

          Person.prototype.showAge = function(){

          alert(this.age);

          }


          var oPerson1 = new Person();

          var oPerson2 = new Person();

          oPerson1.books.push("VB");


          alert(oPerson1.books); // java,C,VB

          alert(oPerson2.books); // java,C,VB

          4.混合的構(gòu)造函數(shù)/原型方式創(chuàng)建

          function Car(sColor, iDoors, iMpg) {

          this.color = sColor;

          this.doors = iDoors;

          this.mpg = iMpg;

          this.drivers = new Array("Mike", "Sue");

          }

          Car.prototype.showColor = function () {

          alert(this.color);

          };

          var oCar1 = new Car("red", 4, 23);

          var oCar2 = new Car("blue", 3, 25);


          oCar1.drivers.push("Matt");


          alert(oCar1.drivers); //outputs "Mike,Sue,Matt"

          alert(oCar2.drivers); //outputs "Mike,Sue"



          原型(prototype)鏈

          prototype類似于模板,要實(shí)例化的對象都以這個(gè)模板為基礎(chǔ), prototype對象的任何屬性和方法都被傳遞給類的所有實(shí)例。


          所有 JavaScript 內(nèi)部類的 prototype 屬性都是只讀的,所以:不能更改內(nèi)部對象的 prototype ,只能為內(nèi)部對象的原型添加或重載屬性和方法


          自定義對象可以更改其prototype ,即:

          子類類名.prototype = 父類對象實(shí)例;


          1、創(chuàng)建基類

          function Polygon(iSides){ //多邊形

          this.iSides = iSides;

          }

          Polygon.prototype.getArea = function(){

          return 0;

          }


          2、創(chuàng)建子類

          function Triangle(iBase,iHeight){ //三角形對象

          this.iBase = iBase;

          this.iHeight = iHeight;

          }

          Triangle.prototype = new Polygon(3);

          Triangle.prototype.getArea = function(){

          return 0.5 * this.iBase * this.iHeight;

          }


          function Rectangle(iLength,iWidth){ //矩形對象

          this.iLength = iLength;

          this.iWidth = iWidth;

          }

          Rectangle.prototype = new Polygon(4);

          Rectangle.prototype.getArea = function(){

          return this.iLength * this.iWidth;

          }


          3、測試

          var triangle = new Triangle(10,4);

          var rectangle = new Rectangle(8,4);


          alert(triangle.iSides);

          alert(rectangle.iSides);


          alert(triangle.getArea());

          alert(rectangle.getArea());


          主站蜘蛛池模板: 亚洲国产一区二区a毛片| 国产成人精品一区二区秒拍 | 51视频国产精品一区二区| 欧美成人aaa片一区国产精品| 国产不卡视频一区二区三区| 无码人妻啪啪一区二区| 亚洲AV无码一区二区三区在线 | 韩国福利影视一区二区三区| 午夜视频久久久久一区| 怡红院一区二区在线观看| 五月婷婷一区二区| 亚洲天堂一区二区三区| 91视频一区二区| 亚洲福利电影一区二区?| 性色av一区二区三区夜夜嗨| 亚洲日韩激情无码一区| 精品乱人伦一区二区三区| 台湾无码AV一区二区三区| 一区二区三区无码视频免费福利| 在线观看免费视频一区| 国产剧情国产精品一区| 国产一区二区免费视频| 国精无码欧精品亚洲一区| 精品一区二区三区中文字幕| 国产精品视频一区二区三区无码 | 亚洲一区二区三区亚瑟| 亚洲AV无码一区二区二三区软件| 国偷自产Av一区二区三区吞精| 成人国产一区二区三区| 久久久精品一区二区三区| 上原亚衣一区二区在线观看| 中文字幕在线一区| 国产成人精品一区二区秒拍| 美女毛片一区二区三区四区| 亚洲一区中文字幕| 国产一区在线视频观看| 国产一区二区在线观看app| 亚洲国产精品一区| 国产微拍精品一区二区| 亚洲日本中文字幕一区二区三区| 成人日韩熟女高清视频一区|