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 免费一区二区三区,91免费国产视频,欧美日本日韩aⅴ在线视频

          整合營銷服務商

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

          免費咨詢熱線:

          HTML-CSS-JavaScript常用英語單詞集

          HTML-CSS-JavaScript常用英語單詞集合

          .第一章 Dreamweaver使用入門

          Internet───互聯(lián)網(wǎng)

          WWW(World Wide Web) ───萬維網(wǎng)

          HTTP(Hypertext Transfer Protocol) ───超文本傳輸協(xié)議,WWW服務程序所用的協(xié)議 HTML(Hyper Text Markup Language) ───超文本鏈接標示語言

          URL(Uniform Resource Locator) ───全球資源定位器,在Internet的WWW服務程序上用于指定信息位置的表示方法

          Website ───網(wǎng)站

          Web ───網(wǎng)頁

          Static web───靜態(tài)網(wǎng)頁

          dynamic web───動態(tài)網(wǎng)頁

          local website───本地站點

          remote website───遠程站點

          root folder───根目錄(根文件夾)

          designer───設計模式

          coder───代碼模式

          title───標題

          index───首頁(索引)

          anchor───錨(標記)

          Table───表格,表

          row───行

          column───列

          image───圖片

          template───模板

          EditRegion───可編輯區(qū)域

          3.第三章 制作動態(tài)網(wǎng)頁

          form───表單

          action───動作

          method───方法

          target───目標

          textfield───文本框(單行)

          textArea───文本域(多行)

          password───密碼

          hidden───隱藏的

          file───文件

          radiobutton───單選按鈕

          checkbox───復選按鈕

          select───列表/菜單

          submit───提交按鈕

          reset───重置按鈕

          button───普通按鈕

          onClick───鼠標點擊事件

          onMouseDown───鼠標左鍵按下消息

          onMouseUp───鼠標左鍵彈起消息

          onMouseOver───鼠標移動到指定區(qū)域范圍內(nèi)

          onMouseOut───鼠標移出指定區(qū)域

          onFocus───控件得到焦點

          onBlur───控件失去焦點

          onLoad───頁面加載事件

          layer───層

          4.第四章 HTML 基礎

          bgcolor───backgroud color,背景顏色

          head───(文檔)頭

          title───(文檔)標題

          body───(文檔)主體

          META───位于之間的一個特殊標簽,用于標識網(wǎng)頁的一些特殊信息

          content───內(nèi)容

          expires───(網(wǎng)頁)過期

          refresh───(網(wǎng)頁)刷新

          align───排列,對齊方式

          left───左對齊

          center───居中對齊

          right───右對齊

          bold───加粗

          italic───斜體

          underline───下劃線

          superscript───上標

          subscript───下標

          ordered list───有序列表

          unordered list───無序列表

          font───字體

          color───顏色

          size───字體大小

          Hr--------換行

          width───寬度

          height───高度

          shade───陰影

          top───頂部對齊

          middle───居中對齊

          bottom───底部對齊

          第五章 表格、表單和框架

          table───表格,表

          row───行

          column───列

          tr───table row,表格行

          td───table data,單元格數(shù)據(jù)

          th───table header,單元格表頭

          caption───單元格標題

          border───邊框

          align───對齊方式

          span───(單元格合并)跨度

          bgcolor───backgroud color,背景顏色

          width───寬度

          height───高度

          form───表單

          action───動作

          method───方法

          target───目標

          input───輸入控件

          name───名稱

          id───標識,類似name

          value───值

          size───大小

          maxlength───允許輸入最多字符

          checked───(是否被選中狀態(tài))選中的

          submit───提交按鈕

          reset───重置按鈕

          button───普通按鈕

          radiobutton───單選按鈕

          checkbox───復選按鈕

          select───列表/菜單

          option───可選項

          frameset───框架

          5.第六章 層疊樣式表

          DHTML───dynamic HTML,動態(tài)網(wǎng)頁技術

          CSS───層疊式樣式表

          JavaScript───網(wǎng)頁腳本語言

          style───樣式

          color───顏色

          font-size───字體大小

          font-family───字體名稱

          font-weight───字體粗細

          text-align───文字對齊方向

          text-decoration───文本修飾,是否有下劃線

          border-style───邊框樣式

          solid───(邊框樣式)實線

          border-width───邊框?qū)挾?/p>

          border-color───邊框顏色

          top───上方(位置)

          left───左邊

          width───寬度

          height───高度

          z-index───z方向序號

          link───鏈接

          import───導入

          6.第七章 JavaScript 語法基礎

          script───腳本

          language───語言

          prompt───提示

          alert───警告

          document───文檔

          write───寫

          function───函數(shù)

          var───變量

          true───真

          false───假

          parse───解析,轉換

          calculate───計算

          number───數(shù)字

          result───結果

          total───總共

          bug───錯誤,程序有問題的地方

          discount───折扣

          money───錢,金額

          7.第八章 JavaScript 核心語言對象

          array───數(shù)組

          math───數(shù)學

          date───日期

          string───字符串

          join───連接

          reverse───顛倒

          sort───排序

          splice───返回字符串的片斷

          eval───Evaluation,評價,鑒定

          computer───計算器

          object───對象

          property───屬性

          method───方法

          get───得到

          set───設置

          length───長度

          big───增大文本

          blink───文本閃爍

          bold───加粗字符串文本

          fontcolor───確定字體顏色

          italics───用斜體顯示字符串

          indexOf───查找子字符串的位置

          strike───顯示加刪除線的文本

          sub───將文本顯示為下標

          toLowerCase───將字符串轉換成小寫

          toUpperCase───將字符串轉換成大寫

          check───檢查

          random───隨機

          round───四舍五入取整

          ceil───天花板

          floor───地板

          seconds───秒

          minutes───分

          Hours───小時

          Day───天

          Date───日期

          Month───月份

          GMT───格林尼治標準時間

          UTC───協(xié)調(diào)世界時coordinatedun;

          UTC───協(xié)調(diào)世界時coordinated universal time

          8.第九章 JavaScript 中的瀏覽器對象

          window───窗體

          document───文檔內(nèi)容

          history───歷史記錄

          onClick───鼠標單擊

          onChange───文本內(nèi)容或下拉菜單中的選項發(fā)生改變

          onFocus───獲得焦點,表示文本框等獲得鼠標光標。

          onBlur───失去焦點,表示文本框等失去鼠標光標。

          onMouseOver───鼠標懸停,即鼠標停留在圖片等的上方

          onMouseOut───鼠標移出,即離開圖片等所在的區(qū)域

          onMouseMove───鼠標移動,表示在層等上方移動

          onLoad───網(wǎng)頁文檔加載事件

          onSubmit───表單提交事件

          onMouseDown───鼠標按下

          onMouseUp───鼠標彈起

          object───對象

          windows object───窗體對象

          location object───地址欄對象

          document object───文檔對象

          form object───表單對象

          document ───表示給定瀏覽器窗口中的 HTML 文檔。

          history───包含有關客戶訪問過的URL的信息。

          location───包含有關當前 URL 的信息。

          name───設置或檢索窗口或框架的名稱。

          status───設置或檢索窗口底部的狀態(tài)欄中的消息。

          screen───包含有關客戶端的屏幕和顯示性能的信息。

          timeout───超時

          toolbars───工具欄

          scrollbars───滾動條

          location───地址欄

          statusbars───狀態(tài)欄

          menubars───菜單欄

          resizable───可變窗口大小

          clear───清楚

          close───關閉

          write───寫

          red───紅

          blue───藍

          yellow───黃

          green───綠

          black───黑

          white───白

          pink───粉紅

          back───后退

          forward───前進

          host───主機

          hostname───主機名

          href───超鏈接地址

          assign───分配

          reload───重新加載

          replace───替換

          9.第十章 處理表單和表單元素事件

          onBlur───文本框失去焦點

          onChange───文本框的值被修改

          onFocus───光標進入文本框中

          focus───獲得焦點,即獲得鼠標光標

          select───選中文本內(nèi)容,突出顯示輸入?yún)^(qū)域

          readonly───只讀,文本框中的內(nèi)容不能修改

          card───卡號

          price───價格

          number───數(shù)量

          total───總價

          return───返回值

          onBlur───復選框失去焦點

          onFocus───復選框獲得焦點

          onClick───復選框被選定或取消選定

          checked───復選框是否被選中,選中為true,未選中為false。您可以使用此屬性查看復選框的狀態(tài)或設置復選框是否被選中

          value───設置或獲取復選框的值

          onChange───當選項發(fā)生改變時產(chǎn)生

          onFocus───下拉列表框獲得焦點

          value───下拉列表框中,被選選項的值

          options───所有的選項組成一個數(shù)組,options表示整個選項數(shù)組,第一個選項即為options[0],第二個即為options[1],其他以此類推

          selectedIndex───返回被選擇的選項的索引號,如果選中第一個返回0,第二個返回1,其他類推

          性為 HTML 元素提供附加信息。

          HTML 屬性

          HTML 標簽可以擁有屬性。屬性提供了有關 HTML 元素的更多的信息。

          屬性總是以名稱/值對的形式出現(xiàn),比如:name="value"。

          屬性總是在 HTML 元素的開始標簽中規(guī)定。

          屬性實例

          HTML 鏈接由 <a> 標簽定義。鏈接的地址在 href 屬性中指定:

          <a >This is a link</a>
          

          屬性例子 1

          <h1> 定義標題的開始。

          <h1 align="center"> 擁有關于對齊方式的附加信息。

          屬性例子 2

          <body> 定義 HTML 文檔的主體。

          <body bgcolor="yellow"> 擁有關于背景顏色的附加信息。

          屬性例子 3:

          <table> 定義 HTML 表格。

          <table border="1"> 擁有關于表格邊框的附加信息。

          HTML 提示:使用小寫屬性

          屬性和屬性值對大小寫不敏感。

          不過,萬維網(wǎng)聯(lián)盟在其 HTML 4 推薦標準中推薦小寫的屬性/屬性值。

          而新版本的 (X)HTML 要求使用小寫屬性。

          始終為屬性值加引號

          屬性值應該始終被包括在引號內(nèi)。雙引號是最常用的,不過使用單引號也沒有問題。

          在某些個別的情況下,比如屬性值本身就含有雙引號,那么必須使用單引號,例如:

          name='Bill "HelloWorld" Gates'
          

          下面列出了適用于大多數(shù) HTML 元素的屬性:

          屬性 值 描述

          class classname 規(guī)定元素的類名(classname)

          id id 規(guī)定元素的唯一 id

          style style_definition 規(guī)定元素的行內(nèi)樣式(inline style)

          title text 規(guī)定元素的額外信息(可在工具提示中顯示)

          、 HTTP協(xié)議請求報文以及響應報文

          2、 JAVA Socket編程 Socket以及ServerSocket

          3、 WEB服務器概念 Tomcat服務器目錄結構和基本配置server.xml文件

          4、 什么是Servlet? 怎樣實現(xiàn)一個自定義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)用一個已定義好的Servlet有哪些方式

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

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

          14、 JSP的運行原理以及基本語法

          15、 JSP隱式對象

          16、 JavaScript基本語法

          17、 JavaScript中的對象

          18、 JavaScript與AJAX

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



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

          服務器和客戶端分攤任務,分別負責部分處理工作;

          服務器可以同時為多臺客戶端服務;

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


          IP

          網(wǎng)絡ID:網(wǎng)絡ID標識了計算機或網(wǎng)絡設備所在的網(wǎng)段;

          主機ID:主機ID標識了特定的主機或網(wǎng)絡設備


          特殊IP地址:

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

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


          端口

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


          java.net包

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


          InetAddress:

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

          注:host可以是主機名 IP地址 或者域名

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

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


          JAVA Socket編程

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

          套接字會因為網(wǎng)絡的連接中斷而失效,所以對它的操作都有可能拋出IOException

          Socket以及ServerSocket

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


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

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

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


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


          進程與線程的區(qū)別

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

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

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


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

          擴展java.lang.Thread類

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


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


          線程生命周期


          線程狀態(tài):

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

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

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

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

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

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


          Yield()和join()的不同


          HTTP協(xié)議

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

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

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


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

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

          HTTP協(xié)議默認使用80端口進行通訊;

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


          請求報文實例:

          請求報文是指客戶端瀏覽器向網(wǎng)絡服務器請求頁面時,發(fā)送到服務器端的字符串,必須符合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

          <空行>


          請求報文中的大部分項目是可選的,只有GET和Host部分是必需的;

          GET部分的格式是:

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

          如:GET /index.html HTTP/1.1

          Host部分的格式是:

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

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

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


          //拼湊請求報文

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

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


          響應報文實例:

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

          響應報文可能包含如下組成部分:

          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

          <空行>


          響應報文中也有兩部分是必需的:

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

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

          如:HTTP/1.1 200 OK

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

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

          用來描述服務器發(fā)回響應的文件類型以及字符集編碼,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ōu)勢

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

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

          集中管理,業(yè)務邏輯在服務端進行維護;

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

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

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


          WEB服務器概念

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



          Tomcat服務器目錄結構和基本配置server.xml文件

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


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

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

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

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


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

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


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

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

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

          Servlet的優(yōu)點

          Servlet運行在Web服務器中,可以擴展服務器的功能;

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

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

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

          Servlet很安全,因為訪問Servlet的唯一途徑是通過服務器;

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


          自定義servlet

          一個類繼承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對應起來


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

          HttpServletRequest


          HttpServletResponse


          Javaweb容器的四種作用域

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

          application:整個應用 對應servlet中ServletContext

          session:會話    對應servlet中HttpSession

          request:一次請求  對應servlet中的HttpServletRequest

          page:當前頁面

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

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

          service方法以及doGet和doPost方法、

          public void service(HttpServletRequest request, HttpServletResponse response)

          throws ServletException, IOException

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

          servlet生命周期


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

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

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

          會話HttpSession和Cookie

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

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

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

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

          會話對象可以使用戶訪問一個站點的多個頁面時共享信息;

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

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


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

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

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


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

          可以通過字符集轉碼來解決此問題:

          對于get

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

          對于post

          request.setCharacterEncoding("UTF-8");

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

          表單

          a標簽

          Ajax即js

          <jsp:param>

          <%setAttributr();%>

          JSP的運行原理以及基本語法

          Jsp執(zhí)行過程:


          JSP 頁面內(nèi)容


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


          Jsp聲明:

          需求:某系統(tǒng)計算的金額中有兩種形式,一種是帶有兩位小數(shù)的,另一種是整數(shù),現(xiàn)在要求你在JSP頁面將不帶小數(shù)的金額轉換為帶兩位小數(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 指令用于設置JSP 頁面的屬性,這個屬性將被用于和容器通信

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

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

          [ language=“java” ]

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

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

          JSP程序可以使用哪些包

          [pageEncoding=“UTF-8”]

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


          l include指令

          用來在JSP文件被編譯時導入一個指定的文件,語法形式

          <%@ include file=”relativeURLspec” %>

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

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


          l Taglib指令

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

          總結:

          JSP 腳本由三個元素組成,即 JSP 表達式、JSP Scriptlet 和 JSP 指令

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

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

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

          JSP隱式對象


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

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

          l out表示輸出流

          l Session

          l Application 表示 JSP 頁面所屬的應用程序

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

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

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

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

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

          getServletName() 獲取Servlet名字

          l exception對象用于處理 JSP 頁面中的錯誤

          JavaScript基本語法

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


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

          1.使用 <script>…</script> 標簽將語句嵌入文檔

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

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

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

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

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

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


          JavaScript基本語法部分:

          語句:一條由計算機完成的、幫助你達到某種目的的指令,JavaScript中的每一行都可認為是一條語句

          變量:一個代表某個值的名字就是變量

          表達式:A-1+B 就是表達式

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


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


          變量

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

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

          JS區(qū)分大小寫

          用var聲明變量


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

          方式一、

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

          方式二、

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

          }

          方式三、(較不常用)

          Function類

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


          arguments對象

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

            對于超出形參個數(shù)之外的實參, 可以通過arguments來獲得
            3:arguments 的索引 從 0, 1,2,....遞增,與實參逐個對應
            4:arguments.length 屬性代表實參的個數(shù)
            5:arguments一定不是數(shù)組, 是長的比較像數(shù)組的一個對象,雖然也有l(wèi)ength屬性
            6:arguments每個函數(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ù)表達式位于另一個函數(shù)的函數(shù)體內(nèi)。而且,這些內(nèi)部函數(shù)可以訪問它們所在的外部函數(shù)中聲明的所有局部變量、參數(shù)和聲明的其他內(nèi)部函數(shù)。


          類型轉換

          強制類型轉換,ECMAScript中可用的3種強制類型轉換:
          Boolean(value);
          Number(value);
          String(value);

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

          NaN 值非常特殊,因為它“不是數(shù)字”,所以任何數(shù)跟它都不相等,甚至 NaN 本身也不等于 NaN 。

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


          var iNum=10;

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

          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

          宿主對象(自定義對象)


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

          var oObj=new Object();

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

          var oObj=new Object;


          Object 對象:


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


          判斷對象是否有某個屬性:


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



          字符串對象 String

          屬性:length


          數(shù)組對象 Array

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

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

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

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

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

          下標從0開始編號


          數(shù)學對象 Math

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

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

          abs()方法:返回絕對值

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

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

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

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

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

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

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

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

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


          日期時間對象Date

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

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

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

          Mydate=new Date(2005, 9, 1)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


          JavaScript與AJAX

          1.1XMLHttpRequst對象的概述

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

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

            創(chuàng)建XMLHttpRequest的一個實例:

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

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

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

            如果window.ActiveXObjec調(diào)用失?。ǚ祷豱ull),JavaScript就會轉到else語句的分支確定瀏覽器是否把XMLHttpRequst實現(xiàn)為一個本地的JavaScript對象。如果存在window.XMLHttpRequest,就會創(chuàng)建XMLHttpRequst的一個實例。

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

          1.2方法和屬性

            abort()  停止當前請求;

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

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

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

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

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

            下面來更詳細地討論這些方法。

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

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

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

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

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

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

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

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

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

            responseText服務器的響應,表示為一個串;

            responseXML服務器的響應,表示為XML,這個對象可解釋為DOM對象;

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

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

          1.3AJAX交互設計

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

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


            2.創(chuàng)建XMLHttpRequst對象的一個實例。使用open()方法建立調(diào)用,并調(diào)用url及所希望的HTTP方法(通常是post/get)。請求實際上是通過一個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.向服務器做出請求。可能調(diào)用servlet、CGI腳本,或者任何服務器端技術。

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

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

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

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

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


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


          關鍵字this

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

          this使用的幾種場合:

          用在對象的方法中

          構造函數(shù)

          事件處理函數(shù)

          原型-prototype

          objectName.prototype

          objectName 是對象的名稱。

          objectName.prototype本身也是對象

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

          prototype 對象是個模板,要實例化的對象都以這個為基礎。

          prototype 對象的任何屬性和方法都被傳遞給那個類的所有實例

          利用prototype修改本地對象

          個本地對象也有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.通過構造函數(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.混合的構造函數(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類似于模板,要實例化的對象都以這個模板為基礎, prototype對象的任何屬性和方法都被傳遞給類的所有實例。


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


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

          子類類名.prototype=父類對象實例;


          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());


          主站蜘蛛池模板: 动漫精品一区二区三区3d| 午夜视频在线观看一区二区| 一区二区不卡久久精品| 国产在线精品观看一区| 手机看片福利一区二区三区| 2022年亚洲午夜一区二区福利 | 国产成人久久一区二区不卡三区| 国产凸凹视频一区二区| 99久久精品国产一区二区成人| 国产一区二区三区露脸| 无码av人妻一区二区三区四区| av在线亚洲欧洲日产一区二区| 日韩精品区一区二区三VR| 一区二区三区在线播放| 国产怡春院无码一区二区| 亚洲不卡av不卡一区二区| 亚洲一区二区视频在线观看| 亚洲欧美一区二区三区日产 | 国产日本亚洲一区二区三区| 成人免费一区二区三区| 国产一区二区三区在线观看免费 | 又紧又大又爽精品一区二区| 国产成人午夜精品一区二区三区| 无码人妻精品一区二区| 国产午夜毛片一区二区三区| 无码国产精品一区二区高潮| 精品国产日韩亚洲一区91 | 久久久精品人妻一区二区三区四| 日产一区日产2区| 91视频国产一区| 日本一区二区三区免费高清| 亚洲AV无码一区二区三区性色 | 久久久久国产一区二区三区| 日本精品一区二区三区在线视频一 | 精品国产一区AV天美传媒| 亚洲国产精品一区二区久| 成人区精品人妻一区二区不卡| 色综合视频一区二区三区| 精品国产AⅤ一区二区三区4区 | 国产精品美女一区二区视频| 亚洲av鲁丝一区二区三区|