java-web-編程技術(shù)-沈澤剛-ppt-01-1-概論-01-2-Web應(yīng)用基礎(chǔ)_第1頁
java-web-編程技術(shù)-沈澤剛-ppt-01-1-概論-01-2-Web應(yīng)用基礎(chǔ)_第2頁
java-web-編程技術(shù)-沈澤剛-ppt-01-1-概論-01-2-Web應(yīng)用基礎(chǔ)_第3頁
java-web-編程技術(shù)-沈澤剛-ppt-01-1-概論-01-2-Web應(yīng)用基礎(chǔ)_第4頁
java-web-編程技術(shù)-沈澤剛-ppt-01-1-概論-01-2-Web應(yīng)用基礎(chǔ)_第5頁
已閱讀5頁，還剩93頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

浙江工業(yè)大學(xué)計(jì)算機(jī)學(xué)院趙小敏JavaWeb編程技術(shù)第一章Web應(yīng)用概述1.HTML

HTML是英文HyperTextMarkupLanguage的縮寫，含義為超文本標(biāo)記語言它是一種用來制作超文本文檔的簡(jiǎn)單標(biāo)記語言。

它不是一種編程語言，是一種標(biāo)記語言。HTML概述1.URLUniformResourceLocator叫做統(tǒng)一資源定位符命名Web頁面和其他資源。2.URL的例如：://localhost:8080/bookstore/URL3.URL的組成：協(xié)議名稱,ftp,news,mailto,file主機(jī)的DNS名或IP地址可選的端口號(hào)80,8080,1521資源的名稱/index.html1.2.1理解HTTP協(xié)議

1.2.2HTTP請(qǐng)求結(jié)構(gòu)1.2.3HTTP響應(yīng)結(jié)構(gòu)1.2HTTP根底1.HTTP協(xié)議HTTP〔HypertextTransferProtocol〕協(xié)議是一個(gè)基于請(qǐng)求-響應(yīng)的無狀態(tài)的協(xié)議。2.運(yùn)行機(jī)制客戶向效勞器發(fā)送一個(gè)對(duì)某種資源的HTTP請(qǐng)求效勞器返回對(duì)所需要的資源的HTTP響應(yīng)理解HTTP協(xié)議圖1.1HTTP請(qǐng)求響應(yīng)示意圖客戶(瀏覽器)Web效勞器1.翻開連接2.HTTP請(qǐng)求3.HTTP響應(yīng)4.關(guān)閉連接理解HTTP協(xié)議3.Internet中Web資源資源包括HTML文件、圖像文件和servlet等。每個(gè)資源都通過唯一的統(tǒng)一資源標(biāo)識(shí)符URI〔UniformResourceIdentifier〕標(biāo)識(shí)。4.URI與URL比較URI:標(biāo)識(shí)任何資源的字符串例如：zjut/xyw/index.jsp是一個(gè)URIURL:指定了如、ftp及mailto等Internet協(xié)議的URI稱為URLURL是非正式的術(shù)語，因此不在技術(shù)標(biāo)準(zhǔn)中使用例如：是一個(gè)URLHTML文檔的結(jié)構(gòu)HTML語言的根本結(jié)構(gòu)<HTML> <HEAD> 頭部信息 </HEAD> <BODY> 正文局部 </BODY></HTML>文檔的格式與風(fēng)格設(shè)置<BODY>的屬性段落格式化建立列表字符的格式化段落格式化標(biāo)題標(biāo)記格式：<H1>…</H1>，<H2>…</H2>…<H6>…</H6>功能：設(shè)置各種大小不同標(biāo)題的標(biāo)記段落標(biāo)記格式：<P>…</P>功能：設(shè)置段落標(biāo)記預(yù)定義格式標(biāo)記格式：<PRE>…</PRE>功能：在瀏覽器中瀏覽時(shí)，按照文檔中預(yù)先排好的形式顯示內(nèi)容標(biāo)題標(biāo)記例：<HTML><HEAD><TITLE>標(biāo)題例如!</TITLE></HEAD><BODYtext="#0000ff"> <H1>helloworld!</H1> <H2>helloworld!</H2> <H3>helloworld!</H3> <H4>helloworld!</H4> <H5>helloworld!</H5> <H6>helloworld!</H6></BODY></HTML>段落格式化例：<HTML><HEAD><TITLE>標(biāo)記的使用</TITLE></HEAD><BODY><！--注釋本程序的功能是：制作簡(jiǎn)單網(wǎng)頁熟悉根本標(biāo)記的使用！--><Palign=center>三種標(biāo)記的使用！</P><HR><DIValign=center>我在中間！<BR>中間</DIV><HR><DIValign=left>我在左邊！<BR>左邊</DIV><HR><DIValign=right>我在右邊！<BR>右邊</DIV><HR></BODY></HTML>段落格式化分區(qū)顯示標(biāo)記格式：<DIV>…</DIV>功能：分區(qū)顯示標(biāo)記換行標(biāo)記格式：<BR>功能：強(qiáng)制換行水平線標(biāo)記格式：<HR>功能：插入水平線標(biāo)記注釋標(biāo)記格式：<!--注釋內(nèi)容-->功能：注釋標(biāo)記標(biāo)記屬性功能align=alignstyle設(shè)置對(duì)齊方式。alignstyle的取值為：left，right，centersize=size設(shè)置線條寬度（即高度）width=size設(shè)置線條長(zhǎng)度color=colorvalue設(shè)置線條顏色，默認(rèn)為黑色noshade設(shè)置線條是否有陰影字體設(shè)置標(biāo)記格式：<FONT>…</FONT>功能：設(shè)置字體格式標(biāo)記屬性：可用于設(shè)置字體的大小、顏色、字型等字符的格式化標(biāo)記屬性功能size=size設(shè)置文字的大小face=fontstyle設(shè)置字體color=colorvalue設(shè)置文字的顏色例：<HTML><HEAD><TITLE>字符格式設(shè)置</TITLE></HEAD><BODY><CENTER><FONTface="隸書"size=7color="blue">我是<font>標(biāo)記！</FONT><H1align=center>我是<h1>標(biāo)記！</H1><U>我是<U>標(biāo)記！</U><S>我是<S>標(biāo)記！</S><B>我是<B>標(biāo)記！</B><P><I>我是<I>標(biāo)記！</I><BLINK>我是<BLINK>標(biāo)記！</BLINK></BODY></HTML>建立表格定制表格制作表格格式：<TABLE>…</TABLE>功能：創(chuàng)立表格。屬性：決定表格的整體外觀建立表格表<TABLE>屬性值標(biāo)記屬性功能border=size設(shè)置表格邊框大小width=size設(shè)置表格的寬度height=size設(shè)置表格的高度cellspacing=size設(shè)置單元格間距cellpadding=size設(shè)置單元格的填充距background=URL設(shè)置表格背景圖片bgcolor=colorvalue設(shè)置表格背景色align=alignstyle設(shè)置對(duì)齊方式cols=size設(shè)置表格的列數(shù)<TABLE>定義空表格，還需要定義行格式：<TR>…</TR>功能：定義表格的一行主要屬性：定制表格標(biāo)記屬性功能bgcolor=colorvalue設(shè)置行背景顏色align=alignstyle設(shè)置行對(duì)齊方式valign=valignstyle設(shè)置單元格垂直對(duì)齊方式定制表格表格的每一行還需要定義單元格格式：<TD>…</TD>功能：定義表格的單元格主要屬性：標(biāo)記屬性功能bgcolor=colorvalue設(shè)置單元格背景顏色rowspan=num設(shè)置單元格所占的行數(shù)colspan=num設(shè)置單元格所占的列數(shù)align=alignstyle設(shè)置對(duì)齊方式valign=valignstyle設(shè)置單元格垂直對(duì)齊方式width=size設(shè)置單元格寬度height=size設(shè)置單元格高度參加圖像參加超級(jí)鏈接參加多媒體與超級(jí)鏈接插入圖像標(biāo)記：<IMG>屬性：標(biāo)記屬性功能src=URL通過URL給出圖像來源的位置，不可缺省width=size設(shè)置圖像寬度height=size設(shè)置圖像高度alt=txt設(shè)置在圖像未載入前圖片位置顯示的文字border=size設(shè)置圖像邊框，缺省為0align=alignstyle對(duì)齊方式。取值：top，middle，bottom，left，righthspace=size設(shè)置圖片左右邊沿空白vspace=size設(shè)置圖片上下邊沿空白參加圖像插入視頻或Gif動(dòng)畫標(biāo)記：<IMG>屬性：標(biāo)記屬性功能dynsrc=URL設(shè)置多媒體來源位置loop=size設(shè)置視頻播放的次數(shù)loopdelay=time設(shè)置兩次播放的間隔時(shí)間start=value指定何時(shí)開始播放視頻文件格式：<A>…</A>功能：在當(dāng)前頁和其他頁間建立超鏈接屬性：標(biāo)記屬性功能href=URL給定鏈接目標(biāo)的位置target=frametarget設(shè)置顯示鏈接目標(biāo)的框架accesskey=character設(shè)置快捷鍵tabindex=num設(shè)置Tab鍵的順序rel=linktype設(shè)置到鏈接的關(guān)系參加超級(jí)鏈接例：一個(gè)典型的HTML文件，P10程序1.1表單的結(jié)構(gòu)FORM中常用的標(biāo)記制作表單表單的結(jié)構(gòu)格式：<FORMaction=URLmethod=postmethodonsubmit=scripttarget=frametargetaccept-charset=cdataenctype=contenttype>…</FORM>功能：定義表單在<FORM>中要包含很多控件來實(shí)現(xiàn)整個(gè)表單的交互功能，另外<FORM>標(biāo)記還有很多的屬性來協(xié)助完成此項(xiàng)功能輸入域單行輸入域格式：<INPUT>功能：表單中提供給用戶進(jìn)行輸入的一種形式FORM中常用的標(biāo)記<INPUT>標(biāo)記的屬性值標(biāo)記屬性功能type=inputtype設(shè)置輸入域的類型name=cdata設(shè)置表項(xiàng)的控制名，在表單處理時(shí)起作用（適用于除submit和reset外的其他類型）size=num設(shè)置表單域的長(zhǎng)度maxlength=num設(shè)置允許輸入的最大字符數(shù)（適用于text和password類型）value=cdata設(shè)置輸入域的值（適用于radio和checkbox類型）checked設(shè)置是否被選中（適用于radio，button，checkbox類型）1〕text類型2〕password類型3〕radio類型4〕checkbox類型5〕submit類型6〕reset類型7〕hidden類型輸入域的類型輸入域多行輸入域格式為：<TEXTAREA>…<TEXTAREA>功能：定義多行文本輸入域標(biāo)記屬性功能name=cdata設(shè)置FORM提交的輸入信息的名稱rows=num設(shè)置文本域的行數(shù)cols=num設(shè)置文本域的列數(shù)tabindex=num設(shè)置tab鍵的次序FORM中常用的標(biāo)記

選擇域格式：<SELECT><OPTION>選項(xiàng)一<OPTION>選項(xiàng)二

…</SELECT>功能：定義選擇欄

FORM中常用的標(biāo)記標(biāo)記屬性功能name=cdata設(shè)置選擇欄的名字size=num設(shè)置在選擇欄中一次可見的選項(xiàng)個(gè)數(shù)multiple設(shè)置選項(xiàng)欄是否支持多選表<SELECT>屬性值標(biāo)記屬性功能value=cdata設(shè)置選項(xiàng)的默認(rèn)值selected表示此選項(xiàng)為預(yù)置項(xiàng)表<OPTION>屬性值例：帶表單的HTML頁面，P11程序1.2動(dòng)態(tài)Web文檔技術(shù)1.3.1靜態(tài)Web文檔和動(dòng)態(tài)Web文檔1.3.2效勞器端動(dòng)態(tài)文檔技術(shù)1.3.3客戶端動(dòng)態(tài)文檔技術(shù)1.主動(dòng)資源與被動(dòng)資源Web資源可分為主動(dòng)資源和被動(dòng)資源。如果資源本身沒有任何處理功能它就是被動(dòng)的如果資源有自己的處理功能，它就是主動(dòng)的例如：瀏覽器向發(fā)送一個(gè)請(qǐng)求，Web效勞器就在myserver上查找myfile.html文件，然后把它返回給瀏覽器，它是被動(dòng)資源。向發(fā)送一個(gè)請(qǐng)求。靜態(tài)Web文檔和動(dòng)態(tài)Web文檔Web應(yīng)用程序通常是主動(dòng)資源和被動(dòng)資源的混合，

主動(dòng)資源的意義：正是由于主動(dòng)資源才使Web應(yīng)用程序幾乎具有與一般應(yīng)用程序同樣的交互性。Web應(yīng)用程序中的主動(dòng)資源通常向用戶提供動(dòng)態(tài)內(nèi)容并使它們通過瀏覽器執(zhí)行業(yè)務(wù)邏輯。

Web文檔是一種重要的Web資源，Web文檔又分為靜態(tài)的和動(dòng)態(tài)的。2.靜態(tài)Web文檔在Web開展的早期，Web文檔只是一種以文件的形式存放在效勞器端的文檔?？蛻舭l(fā)出對(duì)該文檔的請(qǐng)求，效勞器返回這個(gè)文件。這種文檔稱為靜態(tài)文檔(staticdocument)。靜態(tài)Web文檔的特點(diǎn)文檔創(chuàng)作完畢后就存放在Web效勞器中，在被用戶瀏覽的過程中，其內(nèi)容不會(huì)改變。用戶每次對(duì)靜態(tài)文檔的訪問所得的結(jié)果都是相同的。優(yōu)點(diǎn):簡(jiǎn)單可以由不懂程序設(shè)計(jì)的人員來創(chuàng)立缺點(diǎn):不夠靈活信息變化時(shí)，就要由文檔的作者手工對(duì)文檔修改3.動(dòng)態(tài)Web文檔動(dòng)態(tài)文檔(dynamicdocument)是指文檔的內(nèi)容是根據(jù)需要生成的。動(dòng)態(tài)文檔技術(shù)分類:效勞器端動(dòng)態(tài)文檔技術(shù)客戶端動(dòng)態(tài)文檔技術(shù)CGI技術(shù)Servlet技術(shù)HTML頁面中嵌入腳本技術(shù)效勞器端動(dòng)態(tài)Web文檔技術(shù)1.CGI技術(shù)CGI〔CommonGatewayInterface，公共網(wǎng)關(guān)接口〕CGI是一種標(biāo)準(zhǔn)化的接口允許Web效勞器與后端程序及腳本通信，這些后端程序和腳本能夠接受輸入信息〔例如，來自表單〕，并生成HTML頁面作為響應(yīng)。CGI與Web效勞器和應(yīng)用程序的關(guān)系瀏覽器InternetWeb服務(wù)器CGI應(yīng)用程序這里的應(yīng)用程序一般也稱為CGI程序。CGI程序可以用效勞器支持的任何語言來編寫，其中最常見的是Perl語言.效勞器在接收到一個(gè)對(duì)CGI程序的請(qǐng)求時(shí)，不會(huì)返回該文件，而是運(yùn)行該文件。2.HTML文檔中調(diào)用CGI程序有兩種方法：通過表單的action屬性<formaction=“://localhost/cgi-bin/replay.pl”>按提交按鈕后,將請(qǐng)求發(fā)送給該程序.使用錨標(biāo)記〔<a>〕，這與鏈接文檔相似。href屬性中指定CGI程序文件名的完整的URL路徑例如程序:<!--request.htmlcallaCGIprogram--><html><head><title>CallaCGI</title></head><body>ThisismyfirstCGIprogram.<br><ahref="://localhost/cgi-bin/reply.pl">ClickheretoruntheCGIprogram,reply.pl.</a></body></html>4.Servlet技術(shù)：Sun公司開發(fā)的效勞器端Web編程技術(shù).主要目的是替代CGI編程.有很多優(yōu)點(diǎn)：高效、方便、可移植性好等5.在HTML頁面中嵌入腳本技術(shù)在HTML頁面中嵌入少量的腳本，然后讓效勞器來執(zhí)行這些腳本以便生成最終發(fā)送給客戶的頁面。常用技術(shù)包括:PHP、JSP和ASP6.PHP技術(shù)：PHP〔PHP：HypertextPreprocessor〕稱為超文本預(yù)處理器，它是一種HTML內(nèi)嵌式的語言。它可以比CGI或Perl更快速地執(zhí)行動(dòng)態(tài)網(wǎng)頁。效勞器要求包含PHP的Web頁面的文件擴(kuò)展名為php，而不是html或htm。7.ASP技術(shù)：ASP是ActiveServerPage的縮寫，稱為活動(dòng)的效勞器頁面。它使用Microsoft的腳本語言VisualBasicScript來生成動(dòng)態(tài)內(nèi)容。使用這種技術(shù)的文件的擴(kuò)展名為asp。8.JSP技術(shù)：JSP是JavaServerPages的縮寫，含義是Java效勞器頁面.頁面中的動(dòng)態(tài)局部是用Java語言編寫的。使用這種技術(shù)的文件的擴(kuò)展名為jsp。1.客戶端動(dòng)態(tài)文檔技術(shù)的需求響應(yīng)鼠標(biāo)移動(dòng)事件直接與用戶交互客戶端驗(yàn)證等2.客戶端動(dòng)態(tài)文檔技術(shù)的實(shí)現(xiàn)：在HTML頁面中嵌入腳本，而且這些腳本是客戶機(jī)上被執(zhí)行的而不是在效勞器上執(zhí)行的。從HTML4.0開始，可以通過<script>標(biāo)簽來使用這樣的腳本。最流行的客戶端腳本語言是JavaScript?？蛻舳藙?dòng)態(tài)Web文檔技術(shù)3、客戶端動(dòng)態(tài)文檔的技術(shù)與效勞器端動(dòng)態(tài)文檔的技術(shù)的區(qū)別效勞器端動(dòng)態(tài)文檔技術(shù)的頁面，是在效勞器端執(zhí)行的。對(duì)一個(gè)PHP文件的請(qǐng)求，效勞器首先執(zhí)行該頁面，PHP腳本將產(chǎn)生一個(gè)新的HTML頁面，然后效勞器將該頁面送回給瀏覽器以便顯示。執(zhí)行過程如以下圖:效勞器端動(dòng)態(tài)文檔的執(zhí)行用戶瀏覽器服務(wù)器PHP模塊1234客戶端動(dòng)態(tài)文檔技術(shù)的頁面，是在客戶端執(zhí)行的。對(duì)于程序1.5的例子，當(dāng)我們單擊submit按鈕時(shí)，瀏覽器解釋執(zhí)行該頁面上包含的JavaScript函數(shù)。所有的工作都是在本地的瀏覽器內(nèi)部完成。瀏覽器并沒有與效勞器聯(lián)系。執(zhí)行過程如以下圖:客戶端動(dòng)態(tài)文檔的執(zhí)行

用戶瀏覽器服務(wù)器JavaScript12一種腳本語言、基于對(duì)象的語言，又是事件驅(qū)動(dòng)的語言它受到了Java程序設(shè)計(jì)語言的一些思想的啟發(fā)它與Java完全不是一回事。JavaScript腳本語言非常適合交互式頁面的設(shè)計(jì)。JavaScript是”平安”的語言不能將數(shù)據(jù)存儲(chǔ)在Web效勞器或用戶的計(jì)算機(jī)上，更不能對(duì)用戶文件進(jìn)行修改或刪除操作JavaScript是平臺(tái)無關(guān)的語言可運(yùn)行在UNIX或WINDOWS下

JavaScript語言特點(diǎn)Javascript書寫規(guī)那么可以出現(xiàn)在HTML的任何地方使用<script>…</script>標(biāo)記

<SCRIPTLANGUAGE="JavaScript"><!—JavaScriptProgram//--></SCRIPT><scriptsrc="xxx.js"></script>JavaScript包含文件可以將JavaScript文件在HTML文件外面存放！把你的零碎們放到一起，起個(gè)名字，再給它個(gè)js的文件尾。－非常重要：js文件里不能有<script></script>或其它注釋。例如：把pku.js文件鏈接到HTML文件中的句型如下：<scriptsrc=“pku.js“l(fā)anguage="JavaScript“></script>常量和變量常量：處理過程中值固定不變constPI=3.14;不能進(jìn)行重賦值變量：存取數(shù)據(jù)，提供存放信息的容器vari=message.length-1;采用關(guān)鍵字var定義變量不需要預(yù)先定義數(shù)據(jù)類型變量區(qū)分大小寫數(shù)據(jù)類型數(shù)據(jù)類型說明示例數(shù)字型整數(shù)或?qū)崝?shù)487,25.95邏輯型或布爾型執(zhí)行邏輯運(yùn)算true或false字符串型一組字符“Hello”空表示不存在的值

null轉(zhuǎn)義字符反斜杠（/）開頭

\n換行符變量類型轉(zhuǎn)換javascript會(huì)自動(dòng)進(jìn)行類型轉(zhuǎn)換字符型和數(shù)值型進(jìn)行加運(yùn)算時(shí)，將數(shù)值型轉(zhuǎn)換成字符型<scriptlanguage=“javascript”>varnum=34,id=“56”;x=num+id;y=num+parseInt(id);</script>表達(dá)式和運(yùn)算符算術(shù)運(yùn)算符比較運(yùn)算符邏輯運(yùn)算符賦值運(yùn)算符條件表達(dá)式〔條件〕？A:B假設(shè)條件的結(jié)果為真,那么表達(dá)式的結(jié)果為A，否那么為B運(yùn)算符說明+加-減/除*乘%取模++遞加1--遞減1運(yùn)算符說明==等于!=不等于>大于<小于<=小于等于>=大于等于運(yùn)算符說明與(&&)邏輯與或(||)邏輯或非(!)邏輯非表達(dá)式和運(yùn)算符如何實(shí)現(xiàn)<HTML><BODY><scriptlanguage="javaScript"> varnow=newDate(); varhour=now.getHours(); if(hour>=0&&hour<=12) document.writeln("上午好!") if(hour>12&&hour<=18) document.writeln("下午好!"); if(hour>18&&hour<24) document.writeln("晚上好!");

document.writeln("今天日期是:"+now.getYear()+"年"+(now.getMonth()+1)+"月"+now.getDate()+"日");document.writeln("現(xiàn)在時(shí)間:"+hour+"點(diǎn)"+now.getMinutes()+"分");//document.writeln("當(dāng)前準(zhǔn)確時(shí)間是:"+now.toLocaleString());</script></body></HTML>根本程序語句條件控制語句if…else語句switch語句循環(huán)控制語句for語句while語句，do…while語句break，continue

函數(shù)定義function，return

<HTML><HEAD><TITLE>For循環(huán)演示</TITLE><SCRIPTLANGUAGE="JavaScript">document.write("<H2align=center>打印金字塔直線</H2>");for(vari=0;i<100;i=i+5)document.write("<HRalign=centerwidth="+i+"%>");</SCRIPT></HEAD><BODY></BODY></HTML>for循環(huán)如何實(shí)現(xiàn)<HTML><HEAD><TITLE>break</TITLE><SCRIPTLANGUAG="JavaScript">for(i=1;i<100;i++){

if(i%30==0)

break; document.write(i+"<br>");

}</SCRIPT></HEAD><BODY>……</BODY></HTML>break&continue<HTML><HEAD><TITLE>break</TITLE><SCRIPTLANGUAG="JavaScript">for(i=1;i<100;i++){

if(i%30==0)

continue; document.write(i+"<br>");

}</SCRIPT></HEAD><BODY>……</BODY></HTML>函數(shù)函數(shù)的定義function

函數(shù)名(參數(shù)1,參數(shù)2，…){

函數(shù)執(zhí)行語句;return表達(dá)式；}函數(shù)的調(diào)用函數(shù)名(實(shí)參1,實(shí)參2，…){Javascript中的全局函數(shù)isNaN,parseFloat(),parseInt<html><head><title>FirstJScode</title><scriptlanguage="JavaScript"><!-- functiongetArea(){ varr=10; varsqrR=r*r; vars=Math.PI*sqrR; alert("半徑為10cm的圓面積是"+s+"平方米"); }//--></script></head><body><form> <inputtype="button"value="Show"onClick="getArea()"></form></body></html>JavaScript中的對(duì)象JavaScript中的對(duì)象由瀏覽器根據(jù)Web頁面的內(nèi)容自動(dòng)提供的對(duì)象JavaScript內(nèi)置的對(duì)象，如Data、Math以及String用戶自定義的對(duì)象對(duì)象中包含屬性和方法用戶自定義對(duì)象new：對(duì)象聲明varnewstr=“這是字符串“functionCard(name,address,work,home)

{=name;

this.address=address;

this.work＿phone=work;

this.home＿phone=home;

this.PrintCard=PCard;

this.Pname=Pname;

}delete:對(duì)象刪除對(duì)象根本操作語句for…in語句格式functionshowdata(object){for(varpropinobject)document.write(object[prop]);}實(shí)例<html><body><scripttype="text/javascript">varxvarmycars=newArray()mycars[0]="Saab"mycars[1]="Volvo"mycars[2]="BMW"for(xinmycars){document.write(mycars[x]+"<br/>")}</script></body></html>內(nèi)置對(duì)象數(shù)組對(duì)象array字符串對(duì)象string日期對(duì)象Date數(shù)學(xué)對(duì)象Math<html><body><scripttype="text/javascript">vararr=newArray(6)arr[0]="Jani"arr[1]="Hege"arr[2]="Stale"arr[3]="KaiJim"arr[4]="Borge"arr[5]="Tove"document.write(arr+"<br/>")document.write(arr.sort())</script></body></html>Jani,Hege,Stale,KaiJim,Borge,Tove

Borge,Hege,Jani,KaiJim,Stale,Tove字符串對(duì)象string屬性：length字符串中的字符個(gè)數(shù)方法：anchor()用來把字符串轉(zhuǎn)換到HTML錨點(diǎn)標(biāo)記內(nèi)()big()把字符串中的文本變成大字體()blink()把字符串中的文本變成閃爍字體()bold()把字符串中的文本變成黑字體()charAt()尋找字符串中指定位置的一個(gè)字符fixed()把字符串中的文本變成固定間距字體()fontcolor()改變字符串中文本的顏色()fontsize()把字符串中的文本變成指定大小()indexOf()用來搜索字符串中的某個(gè)特殊字符,并返回該字符的索引位置italics()把字符串中的文本變成斜字體()lastlndexOf()與indexof相似,但是向后搜索最后一個(gè)出現(xiàn)的字符link()用來把字符串轉(zhuǎn)換到HTML鏈接標(biāo)記中()small()把字符串中的文本變成小字體()strike()把字符串中的文本變成劃掉字體()sub()把字符串中的文本變成下標(biāo)(subscript)字體((SUB>)substring()返回字符串里指定位置間的一局部字符串sup()把字符串中的文本變成上標(biāo)(superscript)字體()toLowerCase()把字符串中的文本變成小寫toUpperCase()把字符串中的文本變成大寫字符串對(duì)象實(shí)例<html><body><scripttype="text/javascript">vartxt="HelloWorld!"document.write(txt.length)</script></body></html>indexOf方法的使用indexOf用于發(fā)現(xiàn)一系列的字符在一個(gè)字符串中等位置并告訴你子字符串的起始位置。如果一個(gè)字符串中部包含該子字符串那么indexOf返回-1例：varthe_word="monkey";varlocation_of_m=the_word.indexOf("m");location_of_m(字母m的位置)將為0，因?yàn)樽帜竚位于該字符串的起始位置。varlocation_of_o=the_word.indexOf("o");

location_of_o(字母o的位置)將為1。varlocation_of_key=the_word.indexOf("key");location_of_key(key的位置)將為3因?yàn)樽幼址発ey”以字母k開始，而k在單詞monkey中的位置是3。indexOf方法的使用〔續(xù)〕varthe_email=prompt("What'syouremailaddress?","");

varthe_at_is_at=the_email.indexOf("@");

if(the_at_is_at==-1){

alert("Youloser,emailaddressesmust

have@signsinthem.");

}

這段代碼詢問用戶的電子郵件地址，如果用戶輸入的電子郵件地址中不包含字符那么提示用戶＂＠你輸入的電子郵件地址無效，電子郵件的地址必須包含字符@。＂

charAt方法chatAt方法用于發(fā)現(xiàn)一個(gè)字符串中某個(gè)特定位置的字符varthe_word="monkey";

varthe_first_letter=the_word.charAt(0);

varthe_second_letter=the_word.charAt(1);

varthe_last_letter=the_word.charAt(the_word.length-1);

the_first_letter(第1個(gè)字符)是"m"

the_second_letter(第2個(gè)字符)是"o"

the_last_letter(最后一個(gè)字符)是"y"

分割方法splitsplit方法用限位器來分割一系列的名稱，然后將其放在一個(gè)數(shù)組中；varmy_friends=

"trixie,moxie,sven,guido,hermes";

varfriend_array=

my_friends.split(",");

for(loop=0;loop<friend_array.length;

loop++)

{

document.writeln(friend_array[loop]+"ismy

friend.<br>");

}日期對(duì)象Date方法getDate()查看Date對(duì)象并返回日期getDay()返回星期幾getHours()返回小時(shí)數(shù)getMinutes()返回分鐘數(shù)getMonth()返回月份值getSeconds()返回秒數(shù)getTime()返回完整的時(shí)間getTimezoneoffset()返回時(shí)區(qū)偏差值(格林威治平均時(shí)間與運(yùn)行腳本的計(jì)算機(jī)所處時(shí)區(qū)設(shè)置之間相差的小時(shí)數(shù))getYear()返回年份parse()返回在Date字符串中自從1970年1月1日00:00:00以來的毫秒數(shù)(Date對(duì)象按照毫秒數(shù)的形式存儲(chǔ)從那時(shí)起的日期和時(shí)間)日期對(duì)象Date方法〔續(xù)〕setDate()改變Date對(duì)象的日期setHours()改變小時(shí)數(shù)setMinutes()改變分鐘數(shù)setMonth()改變?cè)路輘etSeconds()改變秒數(shù)setTime()改變完整的時(shí)間setYear()改變年份toGMTString()把Date對(duì)象的日期(一個(gè)數(shù)值)轉(zhuǎn)變成一個(gè)GMT時(shí)間字符串,返回類似下面的值:Weds,15Junel99714:02:02GMT(精確的格式依賴于計(jì)算機(jī)上所運(yùn)行的操作系統(tǒng)而變)toLocaleString()把Date對(duì)象的日期(一個(gè)數(shù)值)轉(zhuǎn)變成一個(gè)字符串,使用所在計(jì)算機(jī)上配置使用的特定日期格式UTC()使用DateUTC(年、月、日、時(shí)、分、秒),以自從1970年1月1日00:00:00(其中時(shí)、分、秒是可選的)以來的毫秒數(shù)的形式返回日期數(shù)學(xué)對(duì)象Math屬性E歐拉常量,自然對(duì)數(shù)的底(約等于2.718)

LN22的自然對(duì)數(shù)(約等于0.693)LN1010的自然對(duì)數(shù)(約等于2.302)LOG2E以2為底的e的對(duì)數(shù)(約等于1.442)LOG10E以10為底的e的對(duì)數(shù)(約等于o.434)PI∏的值(約等于3.14159)SQRT1_20.5的平方根(即l除以2的平方根,約等于o.707)SQRT22的平方根(約等于1.414)

數(shù)學(xué)對(duì)象Math方法abs()返回某數(shù)的絕對(duì)值(即該數(shù)與o的距離,例如,2與一2的絕對(duì)值都是2)acos()返回某數(shù)的反余弦值(以弧度為單位)asin()返回某數(shù)的反正弦值(以弧度為單位)atan()返回某數(shù)的反正切值(以弧度為單位)ceil()返回與某數(shù)相等,或大于該數(shù)的最小整數(shù)(ceil(-22.22)返回-22;ceil22,22)返回23;ceil(22)返回22)cos()返回某數(shù)(以弧度為單位)的余弦值exp()返回enfloor()與ceil相反(floor(一22.22)返回一23;floor(22.22)返回22;floor(22)返回22)10g()返回某數(shù)的自然對(duì)數(shù)(以e為底)max()返回兩數(shù)間的較大值min()返回兩數(shù)問的較小值pow()返回m的n次方(其中,m為底,n為指數(shù))random()返回0和1之間的一個(gè)偽隨機(jī)數(shù)(該方法僅在NetscapeNavigator的UNIX版本中有效)round()返回某數(shù)四舍五入之后的整數(shù)sin()返回某數(shù)(以弧度為單位)的正弦值sqrt()返回某數(shù)的平方根tan()返回某數(shù)的正切值瀏覽器對(duì)象文檔對(duì)象模型是可以被任何腳本引擎訪問的對(duì)象的集合，它提供了對(duì)Web瀏覽器的訪問瀏覽器對(duì)象navigator：管理者當(dāng)前使用瀏覽器的版本號(hào)、運(yùn)行的平臺(tái)以及瀏覽器使用的語言等信息window對(duì)象：處于整個(gè)附屬表的最頂級(jí)位置。每一個(gè)這樣的對(duì)象代表一個(gè)瀏覽器窗口location對(duì)象：含有當(dāng)前網(wǎng)頁的URL地址document對(duì)象：含有當(dāng)前網(wǎng)頁的各種特性，例如標(biāo)題、背景感以及使用的語言等history對(duì)象：含有以前訪問過的網(wǎng)頁的URL地址對(duì)象的層次結(jié)構(gòu)JavaScript事件模型事件：用戶對(duì)網(wǎng)頁的一些特定“操作”(這些操作通常直接對(duì)應(yīng)鼠標(biāo)的動(dòng)作)和系統(tǒng)行為。事件處理程序的引入〔如何使一段JavaScript程序和事件的發(fā)生聯(lián)系起來？〕?！皁n事件名”是JavaScript規(guī)定的對(duì)應(yīng)事件處理程序柄〔eventhandler〕的名字。例如onClick、onFocus、onSubmit等等。JavaScript事件模型(續(xù))第一種引入方式：事件處理程序柄名以屬性名的形式在HTML文本中某些適當(dāng)?shù)臉?biāo)記中出現(xiàn)<inputtype=“text”name=“age”onChange=“isNumber(this)”>；第二種引入方式：將事件處理函數(shù)名賦給瀏覽器為網(wǎng)頁創(chuàng)立的相應(yīng)對(duì)象的對(duì)應(yīng)屬性〔property〕document.forms[0].age.onchange=isNumber；navigator對(duì)象navigator對(duì)象的方法AppName：提供字符串形式的瀏覽器名稱。在使用Navigator時(shí)，appName的值為NetScape；在使用InternetExplorer時(shí)，appName的值為MSIE。AppVersion：反映瀏覽器的版本號(hào)。AppCodeName：反映用字符串表示的當(dāng)前瀏覽器的代碼名字。對(duì)于navigator的所有版本，這個(gè)值都是MozillaWindow對(duì)象window對(duì)象的屬性Closed、Opener屬性window對(duì)象的方法open〔URL，windowName，parameterList〕：open方法創(chuàng)立一個(gè)瀏覽器窗口，并在新窗口中載入一個(gè)指定的URL地址。close〔〕：close方法關(guān)閉一個(gè)瀏覽器窗口。alert〔〕：彈出一個(gè)警告框。confirm〔〕：彈出一個(gè)確認(rèn)框。prompt〔〕：彈出一個(gè)提示框。<form>主窗口：<inputtype="button"value="翻開子窗口"onclick="winOpen('://');"><br><inputtype="button"value="關(guān)閉主窗口和子窗口"onclick="myWin.close();self.close();"></form>實(shí)例<scriptlanguage="JavaScript"><!--varmyWin;functionwinOpen(url){ varscreenWidth=screen.availWidth;varscreenHeight=screen.availHeight;window.self.resizeTo(0.5*screenWidth,screenHeight);window.self.moveTo(0,0);myWin=window.open(url,"testWindow");myWin.resizeTo(

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論