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ù)免費閱讀

下載本文檔

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

文檔簡介

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

HTML是英文HyperTextMarkupLanguage的縮寫，含義為超文本標記語言它是一種用來制作超文本文檔的簡單標記語言。

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

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

選擇域格式：<SELECT><OPTION>選項一<OPTION>選項二

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

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

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

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

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

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

<SCRIPTLANGUAGE="JavaScript"><!—JavaScriptProgram//--></SCRIPT><scriptsrc="xxx.js"></script>JavaScript包含文件可以將JavaScript文件在HTML文件外面存放！把你的零碎們放到一起，起個名字，再給它個js的文件尾。－非常重要：js文件里不能有<script></script>或其它注釋。例如：把pku.js文件鏈接到HTML文件中的句型如下：<scriptsrc=“pku.js“l(fā)anguage="JavaScript“></script>常量和變量常量：處理過程中值固定不變constPI=3.14;不能進行重賦值變量：存取數(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í)行邏輯運算true或false字符串型一組字符“Hello”空表示不存在的值

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

\n換行符變量類型轉(zhuǎn)換javascript會自動進行類型轉(zhuǎn)換字符型和數(shù)值型進行加運算時，將數(shù)值型轉(zhuǎn)換成字符型<scriptlanguage=“javascript”>varnum=34,id=“56”;x=num+id;y=num+parseInt(id);</script>表達式和運算符算術(shù)運算符比較運算符邏輯運算符賦值運算符條件表達式〔條件〕？A:B假設(shè)條件的結(jié)果為真,那么表達式的結(jié)果為A，否那么為B運算符說明+加-減/除*乘%取模++遞加1--遞減1運算符說明==等于!=不等于>大于<小于<=小于等于>=大于等于運算符說明與(&&)邏輯與或(||)邏輯或非(!)邏輯非表達式和運算符如何實現(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)在時間:"+hour+"點"+now.getMinutes()+"分");//document.writeln("當前準確時間是:"+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)如何實現(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表達式；}函數(shù)的調(diào)用函數(shù)名(實參1,實參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中的對象JavaScript中的對象由瀏覽器根據(jù)Web頁面的內(nèi)容自動提供的對象JavaScript內(nèi)置的對象，如Data、Math以及String用戶自定義的對象對象中包含屬性和方法用戶自定義對象new：對象聲明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:對象刪除對象根本操作語句for…in語句格式functionshowdata(object){for(varpropinobject)document.write(object[prop]);}實例<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)置對象數(shù)組對象array字符串對象string日期對象Date數(shù)學對象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字符串對象string屬性：length字符串中的字符個數(shù)方法：anchor()用來把字符串轉(zhuǎn)換到HTML錨點標記內(nèi)()big()把字符串中的文本變成大字體()blink()把字符串中的文本變成閃爍字體()bold()把字符串中的文本變成黑字體()charAt()尋找字符串中指定位置的一個字符fixed()把字符串中的文本變成固定間距字體()fontcolor()改變字符串中文本的顏色()fontsize()把字符串中的文本變成指定大小()indexOf()用來搜索字符串中的某個特殊字符,并返回該字符的索引位置italics()把字符串中的文本變成斜字體()lastlndexOf()與indexof相似,但是向后搜索最后一個出現(xiàn)的字符link()用來把字符串轉(zhuǎn)換到HTML鏈接標記中()small()把字符串中的文本變成小字體()strike()把字符串中的文本變成劃掉字體()sub()把字符串中的文本變成下標(subscript)字體((SUB>)substring()返回字符串里指定位置間的一局部字符串sup()把字符串中的文本變成上標(superscript)字體()toLowerCase()把字符串中的文本變成小寫toUpperCase()把字符串中的文本變成大寫字符串對象實例<html><body><scripttype="text/javascript">vartxt="HelloWorld!"document.write(txt.length)</script></body></html>indexOf方法的使用indexOf用于發(fā)現(xiàn)一系列的字符在一個字符串中等位置并告訴你子字符串的起始位置。如果一個字符串中部包含該子字符串那么indexOf返回-1例：varthe_word="monkey";varlocation_of_m=the_word.indexOf("m");location_of_m(字母m的位置)將為0，因為字母m位于該字符串的起始位置。varlocation_of_o=the_word.indexOf("o");

location_of_o(字母o的位置)將為1。varlocation_of_key=the_word.indexOf("key");location_of_key(key的位置)將為3因為子字符串“key”以字母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)一個字符串中某個特定位置的字符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個字符)是"m"

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

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

分割方法splitsplit方法用限位器來分割一系列的名稱，然后將其放在一個數(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>");

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

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

數(shù)學對象Math方法abs()返回某數(shù)的絕對值(即該數(shù)與o的距離,例如,2與一2的絕對值都是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ù)的自然對數(shù)(以e為底)max()返回兩數(shù)間的較大值min()返回兩數(shù)問的較小值pow()返回m的n次方(其中,m為底,n為指數(shù))random()返回0和1之間的一個偽隨機數(shù)(該方法僅在NetscapeNavigator的UNIX版本中有效)round()返回某數(shù)四舍五入之后的整數(shù)sin()返回某數(shù)(以弧度為單位)的正弦值sqrt()返回某數(shù)的平方根tan()返回某數(shù)的正切值瀏覽器對象文檔對象模型是可以被任何腳本引擎訪問的對象的集合，它提供了對Web瀏覽器的訪問瀏覽器對象navigator：管理者當前使用瀏覽器的版本號、運行的平臺以及瀏覽器使用的語言等信息window對象：處于整個附屬表的最頂級位置。每一個這樣的對象代表一個瀏覽器窗口location對象：含有當前網(wǎng)頁的URL地址document對象：含有當前網(wǎng)頁的各種特性，例如標題、背景感以及使用的語言等history對象：含有以前訪問過的網(wǎng)頁的URL地址對象的層次結(jié)構(gòu)JavaScript事件模型事件：用戶對網(wǎng)頁的一些特定“操作”(這些操作通常直接對應(yīng)鼠標的動作)和系統(tǒng)行為。事件處理程序的引入〔如何使一段JavaScript程序和事件的發(fā)生聯(lián)系起來？〕?！皁n事件名”是JavaScript規(guī)定的對應(yīng)事件處理程序柄〔eventhandler〕的名字。例如onClick、onFocus、onSubmit等等。JavaScript事件模型(續(xù))第一種引入方式：事件處理程序柄名以屬性名的形式在HTML文本中某些適當?shù)臉擞浿谐霈F(xiàn)<inputtype=“text”name=“age”onChange=“isNumber(this)”>；第二種引入方式：將事件處理函數(shù)名賦給瀏覽器為網(wǎng)頁創(chuàng)立的相應(yīng)對象的對應(yīng)屬性〔property〕document.forms[0].age.onchange=isNumber；navigator對象navigator對象的方法AppName：提供字符串形式的瀏覽器名稱。在使用Navigator時，appName的值為NetScape；在使用InternetExplorer時，appName的值為MSIE。AppVersion：反映瀏覽器的版本號。AppCodeName：反映用字符串表示的當前瀏覽器的代碼名字。對于navigator的所有版本，這個值都是MozillaWindow對象window對象的屬性Closed、Opener屬性window對象的方法open〔URL，windowName，parameterList〕：open方法創(chuàng)立一個瀏覽器窗口，并在新窗口中載入一個指定的URL地址。close〔〕：close方法關(guān)閉一個瀏覽器窗口。alert〔〕：彈出一個警告框。confirm〔〕：彈出一個確認框。prompt〔〕：彈出一個提示框。<form>主窗口：<inputtype="button"value="翻開子窗口"onclick="winOpen('://');"><br><inputtype="button"value="關(guān)閉主窗口和子窗口"onclick="myWin.close();self.close();"></form>實例<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等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論