?Web2.0網(wǎng)頁(yè)制作技術(shù)?華東交通大學(xué)吳林峰

首先看一些典型的網(wǎng)站1、校內(nèi)網(wǎng)

網(wǎng)頁(yè)源碼

2、blogchina

網(wǎng)頁(yè)源碼3、淘寶網(wǎng)

4、軟件外包往

?Web2.0網(wǎng)頁(yè)制作技術(shù)?第一局部：Web2.0概述第三局部：CSS技術(shù)第二局部：AJAX技術(shù)第四局部：特效例如Web的起源；Web1.0、Web2.0特點(diǎn)Web1.0、Web2.0應(yīng)用模式；Web1.0、Web2.0相關(guān)技術(shù)。Web網(wǎng)頁(yè)設(shè)計(jì)標(biāo)準(zhǔn)

Web2.0概述Web的起源

Web，也稱(chēng)WWW(WorldWideWeb萬(wàn)維網(wǎng))，是在1989年由英國(guó)人TimBerners-Lee創(chuàng)造的。TimBerners-Lee當(dāng)時(shí)就指出：“Web是一個(gè)抽象的信息庫(kù)。〞也就是說(shuō)，我們可以通過(guò)Web向人們提供信息和信息效勞。

Berners-Lee不僅創(chuàng)立了一個(gè)稱(chēng)為超文本傳輸協(xié)議〔HyperTextTransferProtocol，HTTP〕的簡(jiǎn)單協(xié)議，還創(chuàng)造了第一個(gè)Web瀏覽器，叫做WorldWideWeb。瀏覽器:MicrosoftInternetExplorer 當(dāng)Microsoft發(fā)布Windows95時(shí)，IE1.0是作為 MicrosoftPlus!包的一局部同時(shí)發(fā)布的。Firefox(1994年12月，Netscape發(fā)布了1.0版， 第一個(gè)盈利性質(zhì)的瀏覽器從此誕生。 2002年又發(fā)布了一個(gè)開(kāi)源的版本， 這最終開(kāi)展為2004年11月發(fā)布的、 現(xiàn)在十分流行的Firefox瀏覽器。)傲游騰訊TT瀏覽器世界之窗Web1.0特點(diǎn)

Web1.0的典型網(wǎng)站案例分析11、用超文本技術(shù)：實(shí)現(xiàn)信息與信息的連接；

2、用統(tǒng)一資源定位技術(shù)〔URI〕實(shí)現(xiàn)全球信息的精確定位；3、通過(guò)應(yīng)用層協(xié)議〔HTTP〕實(shí)現(xiàn)信息共享；4、Web是一種典型的分布式應(yīng)用架構(gòu)。://Web1.0應(yīng)用模式

1、網(wǎng)站的內(nèi)容是由網(wǎng)站管理員和編輯人員錄入的2、客戶(hù)只是瀏覽網(wǎng)頁(yè)的內(nèi)容Web1.0的典型網(wǎng)站案例分析2Web1.0技術(shù)客戶(hù)端技術(shù)主要包括信息的接收、展現(xiàn)技術(shù)；效勞端技術(shù)主要包括信息的生成、處理、發(fā)送技術(shù)；客戶(hù)1、發(fā)出請(qǐng)求效勞器2、處理請(qǐng)求生成信息，并發(fā)送給客戶(hù)3、數(shù)據(jù)接收4、數(shù)據(jù)展現(xiàn)Web2.0的提出1、提出的依據(jù)：O‘Reilly公司和Media國(guó)際公司之間的一次頭腦風(fēng)暴會(huì)議的內(nèi)容；TimO’Reilly根據(jù)會(huì)議頭腦風(fēng)暴內(nèi)容，于2005年3月發(fā)表文章?什么是WEB2.0?，TimO‘Reilly在闡述WEB2.0時(shí)的視角是從下一代互聯(lián)網(wǎng)軟件設(shè)計(jì)模式和商業(yè)模式角度去進(jìn)行闡述和分析。會(huì)議之后的一年半的時(shí)間里，“Web2.0〞一詞已經(jīng)深入人心，從Google上可以搜索到950萬(wàn)以上的鏈接。Web2.0的特點(diǎn)1.互聯(lián)網(wǎng)作為平臺(tái)2.利用集體智慧3.輕量型編程模型4.軟件超越單一設(shè)備5.豐富的用戶(hù)體驗(yàn)把具有上述特點(diǎn)的互聯(lián)網(wǎng)稱(chēng)為：Web2.0所以也稱(chēng)為互聯(lián)網(wǎng)2.0網(wǎng)上Web2.0的定義Web2.0是指：包括技術(shù)方面和應(yīng)用模式方面相結(jié)合的信息效勞平臺(tái)。Web2.0技術(shù)是指：以XML、CSS、AJAX等新興技術(shù)的總稱(chēng)，web2.0應(yīng)用模式是指：融合了Web1.0的應(yīng)用模式及新出現(xiàn)的Blog、社區(qū)等多種多對(duì)多互動(dòng)應(yīng)用效勞模式。Taobao網(wǎng)分析

Web2.0的典型網(wǎng)站案例分析1Blogcn網(wǎng)分析

Web2.0的典型網(wǎng)站案例分析2Google地圖

Web2.0的典型網(wǎng)站案例分析36Rooms網(wǎng)分析

Web2.0的典型網(wǎng)站案例分析4Web2.0的應(yīng)用模式特點(diǎn)總結(jié)1、客戶(hù)既是信息的消費(fèi)者，也是信息的創(chuàng)造者，也就是說(shuō)：整個(gè)網(wǎng)站的內(nèi)容有客戶(hù)產(chǎn)生也由客戶(hù)消費(fèi)；2、網(wǎng)站的管理者也成了信息的客戶(hù)；3、網(wǎng)站的框架由網(wǎng)站技術(shù)人員維護(hù)與管理。4、網(wǎng)站維護(hù)人員大大減少〔相對(duì)于Web1.0〕5、網(wǎng)站的維護(hù)本錢(qián)也大大減少；Web2.0相關(guān)技術(shù)1、XMLeXtensibleMarkupLanguage可擴(kuò)展標(biāo)記語(yǔ)言<學(xué)生><姓名>張三</姓名><年齡>20</年齡><民族>漢族</民族>…</學(xué)生>學(xué)生的XML文件：Web2.0相關(guān)技術(shù)2、CSS(CascadingStyleSheets)層疊樣式表主要是指網(wǎng)頁(yè)的內(nèi)容以什么格式展現(xiàn)出來(lái)網(wǎng)頁(yè)的樣式層：CSS樣式表文件網(wǎng)頁(yè)的內(nèi)容層網(wǎng)頁(yè)的最終表現(xiàn)內(nèi)容網(wǎng)頁(yè)分的結(jié)構(gòu)層次關(guān)系Web2.0相關(guān)技術(shù)AsynchronousJavascript+XML也就是AJAX技術(shù)局部頁(yè)面刷新技術(shù)1Web2.0：局部頁(yè)面刷新技術(shù)2

新浪網(wǎng)淘寶網(wǎng)

AJAX框架現(xiàn)在比較流行的是：ExtJS:///應(yīng)用例如:///Web2.0的開(kāi)展美國(guó)著名科技博客://techcrunch/發(fā)表文章稱(chēng)，Web2.0網(wǎng)站的吸引力仍在增強(qiáng)，市場(chǎng)不斷擴(kuò)大。最近，美國(guó)iLike網(wǎng)站〔自創(chuàng)音樂(lè)分享網(wǎng)站〕宣布注冊(cè)用戶(hù)人數(shù)已經(jīng)到達(dá)6000萬(wàn)，而且每天新增用戶(hù)30萬(wàn)人；現(xiàn)在全球每天都有成百上千個(gè)Web2.0網(wǎng)站出現(xiàn)。Web1.0與Web2.0應(yīng)用模式對(duì)照?qǐng)D

Web1.0應(yīng)用特點(diǎn)Web2.0應(yīng)用特點(diǎn)個(gè)人網(wǎng)站,新聞網(wǎng)站博客(blogging)頁(yè)面瀏覽數(shù)搜索引擎優(yōu)化頁(yè)面抓?。╬agescraping）網(wǎng)絡(luò)服務(wù)（webservices）信息發(fā)布參與動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言：htmlphpJspAspAsp.NetC#.NetVb.Net網(wǎng)頁(yè)開(kāi)發(fā)的工具VisualStudioDreamweaver8Dreamweaver8VisualStudio2005網(wǎng)頁(yè)開(kāi)發(fā)語(yǔ)言與工具

Web效勞器1、jspweb效勞器Tomcat2、asp,asp.NetWeb效勞器IIS3、phpweb效勞器apache:///Web網(wǎng)頁(yè)設(shè)計(jì)標(biāo)準(zhǔn)1、什么是web標(biāo)準(zhǔn)Web標(biāo)準(zhǔn)是由W3C(WorldWideWebConsortion)和其他標(biāo)準(zhǔn)組織制定的一套標(biāo)準(zhǔn)集合。Web標(biāo)準(zhǔn)不是某一個(gè)標(biāo)準(zhǔn)，而是一系列標(biāo)準(zhǔn)的集合。網(wǎng)頁(yè)由三局部組成，所以也包括三個(gè)方面的標(biāo)準(zhǔn)：1)、結(jié)構(gòu)(Structure)：結(jié)構(gòu)化標(biāo)準(zhǔn)語(yǔ)言XHTML、XML2)、表現(xiàn)(Presentation)：表現(xiàn)標(biāo)準(zhǔn)語(yǔ)言CSS3)、行為(Behavior)：行為標(biāo)準(zhǔn)主要包括對(duì)象模型〔DOMDocumentObjectModel〕、JavaScript、VBScript等2、采用Web標(biāo)準(zhǔn)的好處1)、文件下載和網(wǎng)頁(yè)顯示速度更快；2)、大大提高搜索引擎的搜索速度；3)、內(nèi)容能夠被更廣泛的設(shè)備訪(fǎng)問(wèn)〔例如：等〕;4)、用戶(hù)能夠很容易更換頁(yè)面的顯示風(fēng)格〔CSS);5)、網(wǎng)站更加容易維護(hù)，本錢(qián)降低；6)、版本修改方便，不需要變動(dòng)網(wǎng)頁(yè)的內(nèi)容。3、網(wǎng)頁(yè)的表現(xiàn)和內(nèi)容別離的實(shí)現(xiàn)1〕、內(nèi)容(Content)內(nèi)容是頁(yè)面實(shí)際要傳達(dá)的真正信息，包括數(shù)據(jù)、文擋或者圖片等；2〕、結(jié)構(gòu)〔Structure〕結(jié)構(gòu)就是對(duì)網(wǎng)頁(yè)內(nèi)容進(jìn)行整理和分類(lèi)。利用結(jié)構(gòu)化標(biāo)準(zhǔn)語(yǔ)言使網(wǎng)頁(yè)內(nèi)容更加具有邏輯性和易用性；〔1〕、HTML〔2〕、XML,(ExtensibleMarkupLanguage(可擴(kuò)展標(biāo)記語(yǔ)言))，XML最初設(shè)計(jì)的目的是彌補(bǔ)HTML的缺乏，后來(lái)逐漸用于網(wǎng)絡(luò)數(shù)據(jù)的轉(zhuǎn)換和描述；推薦使用W3C于2000年發(fā)布的XML1.0〔3〕、XHTML(可擴(kuò)展超文本標(biāo)記語(yǔ)言)推薦使用W3C于2000年發(fā)布的XHTML1.0結(jié)構(gòu)層主要用于對(duì)內(nèi)容進(jìn)行格式化處理。例如：定義標(biāo)題定義段落定義列表等等3〕、表現(xiàn)〔Presentation)表現(xiàn)是對(duì)結(jié)構(gòu)化的信息進(jìn)行樣式上的控制，例如對(duì)顏色、大小、背景等外觀(guān)進(jìn)行控制。表現(xiàn)層標(biāo)準(zhǔn)語(yǔ)言CSS推薦使用w3c于1998年發(fā)布的CSS2.0W3C創(chuàng)立CSS標(biāo)準(zhǔn)目的是以CSS取代HTML的表格式布局。4〕、行為(Behavior)行為是對(duì)內(nèi)容的交互和操作效果；表現(xiàn)行為有以下2類(lèi)：〔1〕、DOM。DOM是DocumentObjectModel(文檔對(duì)象模型)〔2〕、Script〔腳本語(yǔ)言：JavaScript、VBScript〕網(wǎng)頁(yè)分層樣例〔1〕、網(wǎng)頁(yè)的內(nèi)容〔2〕、網(wǎng)頁(yè)的內(nèi)容+結(jié)構(gòu)〔3〕、網(wǎng)頁(yè)的內(nèi)容+結(jié)構(gòu)+表現(xiàn)網(wǎng)頁(yè)的組成<html> <head> <title> </title> </head> <body>

Thisismyfirsthomepage.<b>Thistextisbold</b> </body></html>1、這個(gè)文件的第一個(gè)Tag是<html>，這個(gè)Tag告訴你的瀏覽器這是HTML文件的頭。文件的最后一個(gè)Tag是</html>，表示HTML文件到此結(jié)束。2、在<head>和</head>之間的內(nèi)容，是Head信息。Head信息是不顯示出來(lái)的，你在瀏覽器里看不到。但是這并不表示這些信息沒(méi)有用處。比方你可以在Head信息里加上一些關(guān)鍵詞，有助于搜索引擎能夠搜索到你的網(wǎng)頁(yè)。3、在<title>和</title>之間的內(nèi)容，是這個(gè)文件的標(biāo)題。你可以在瀏覽器最頂端的標(biāo)題欄看到這個(gè)標(biāo)題。4、在<body>和</body>之間的信息，是正文。在<b>和</b>之間的文字，用粗體表示。<b>顧名思義，就是bold的意思。HTML文件看上去和一般文本類(lèi)似，但是它比一般文本多了Tag，比方<html>，<b>等，通過(guò)這些Tag，可以告訴瀏覽器如何顯示這個(gè)文件。網(wǎng)頁(yè)的組成元素1、文本2、圖片(bmp,jpg,gif)3、超連接4、動(dòng)畫(huà)(gif圖片信息)5、flash6、視頻信息〔mediaplayer,realplayer〕4、靜態(tài)頁(yè)面制作(1)、靜態(tài)文本〔對(duì)齊、字體、大小、顏色〕(2)、超連接(3)、圖片插入(插入本地圖片,插入網(wǎng)圖片)(4)、表單數(shù)據(jù)的提交；(5)、表格使用(單行,多行,表格數(shù)據(jù)輸出的方法；表格布局)(6)、頁(yè)面布局(表格布局法):///HTML教程HTML視頻學(xué)習(xí)網(wǎng)頁(yè)的標(biāo)簽

圖片標(biāo)簽的使用<imgsrc="topbk.jpg"width="1004"height="1000"/>圖片超連接<ahref=“://"><imgsrc="topbk.jpg"width="1004"height="1000"/></a>

1、網(wǎng)頁(yè)里，各個(gè)元素背景圖片的設(shè)置屬性：background2、背景圖片設(shè)置的應(yīng)用新浪網(wǎng)1〕隨即廣告2〕圖片的輪換建立符合web標(biāo)準(zhǔn)的網(wǎng)站要建立符合web標(biāo)準(zhǔn)的網(wǎng)站，包括以下兩個(gè)方面：1〕、內(nèi)容標(biāo)準(zhǔn)化設(shè)計(jì)2〕、表現(xiàn)標(biāo)準(zhǔn)化設(shè)計(jì)內(nèi)容標(biāo)準(zhǔn)化設(shè)計(jì)(1)、為頁(yè)面添加正確的DOCTYPEDOCTYPE是document

type的簡(jiǎn)寫(xiě)。主要用來(lái)說(shuō)明你用的XHTML或者HTML是什么版本。瀏覽器根據(jù)你DOCTYPE定義的DTD(文檔類(lèi)型定義)來(lái)解釋頁(yè)面代碼。XHTML1.0提供了三種DOCTYPE可選擇：(1)過(guò)渡型〔Transitional

〕:要求非常寬松的DTD；

<!DOCTYPE

html

PUBLIC

"-//W3C//DTD

XHTML

1.0

Transitional//EN"

transitional.dtd">

(2)嚴(yán)格型〔Strict

〕:要求嚴(yán)格的DTD;

<!DOCTYPE

html

PUBLIC

"-//W3C//DTD

XHTML

1.0

Strict//EN"

strict.dtd〞>

(3)框架型〔Frameset

〕:專(zhuān)門(mén)針對(duì)框架頁(yè)面設(shè)計(jì)使用的DTD;

<!DOCTYPE

html

PUBLIC

"-//W3C//DTD

XHTML

1.0

Frameset//EN"

frameset.dtd">

(2)、聲明你的編碼語(yǔ)言為了被瀏覽器正確解釋和通過(guò)標(biāo)識(shí)校驗(yàn)，所有的XHTML文檔都必須聲明它們所使用的編碼語(yǔ)言。代碼如下：

<meta

-equiv=“Content-Type〞

content=“text/html;

charset=GB2312〞

/>

meta標(biāo)簽用來(lái)描述一個(gè)網(wǎng)頁(yè)文檔的屬性,這里聲明的編碼語(yǔ)言是簡(jiǎn)體中文GB2312，你如果需要制作繁體內(nèi)容，可以定義為BIG5。(3)、用小寫(xiě)字母書(shū)寫(xiě)所有的標(biāo)簽XML對(duì)大小寫(xiě)是敏感的，所以，XHTML也是大小寫(xiě)有區(qū)別的。所有的XHTML元素和屬性的名字都必須使用小寫(xiě)。否那么你的文檔將被W3C校驗(yàn)認(rèn)為是無(wú)效的。例如下面的代碼是不正確的：

<TITLE>公司簡(jiǎn)介</TITLE>

正確的寫(xiě)法是：

<title>公司簡(jiǎn)介</title>

同樣的，<P>改成<p>，<B>改成<b>等等。

(4)、為圖片添加

alt

屬性

alt屬性指定了當(dāng)圖片不能顯示的時(shí)候就顯示供替換文本，但對(duì)純文本瀏覽器和使用屏幕閱讀機(jī)的用戶(hù)來(lái)說(shuō)是至關(guān)重要的。只有添加了alt屬性，代碼才會(huì)被W3C正確性校驗(yàn)通過(guò)。象下面這樣的寫(xiě)法毫無(wú)意義：

<img

src="logo_unc_120x30.gif“

alt="logo_unc_120x30.gif">

正確的寫(xiě)法：

<img

src="logo_unc_120x30.gif"

alt="UNC公司標(biāo)志，點(diǎn)擊返回首頁(yè)">

〔5〕、給所有屬性值加引號(hào)

在HTML中，你可以不需要給屬性值加引號(hào)，<imgsrc=“1.jpg〞id＝〞image1〞width=36height=36border=0>但是在XHTML中，它們必須被加引號(hào)。

例：height="100"，而不能是height=100。〔6〕、關(guān)閉所有的標(biāo)簽

在XHTML中，每一個(gè)翻開(kāi)的標(biāo)簽都必須關(guān)閉。

<b>HTML可以接受不關(guān)閉的標(biāo)，XHTML就不可以。</b><img

src="webstandards.gif"

/>〔6〕、用id屬性代替name屬性

HTML4.0.1中為a、frame、iframe、img等定義了name屬性。在XHTML里name屬性是不能被使用的，應(yīng)該使用id屬性2〕、表現(xiàn)標(biāo)準(zhǔn)化設(shè)計(jì)這個(gè)放在CSS樣式表里中進(jìn)行講述。

網(wǎng)頁(yè)的布局1、網(wǎng)頁(yè)的頭2、網(wǎng)頁(yè)體3、網(wǎng)頁(yè)的尾注意與網(wǎng)頁(yè)代碼里的<head><body>的區(qū)別<imgsrc="topbk.jpg"width="1004"height="1000"/>

1、使用表格來(lái)布局網(wǎng)頁(yè)<table> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr></table>

2、網(wǎng)頁(yè)框架的使用

3、<iframe></iframe>的使用在一個(gè)網(wǎng)頁(yè)里嵌入另外一個(gè)網(wǎng)頁(yè)

簡(jiǎn)單介紹JavaScript語(yǔ)言一、JavaScript語(yǔ)言參加<ScriptLanguage="JavaScript“type="text/javascript">在這里編寫(xiě)JavaScript</Script>二、JavaScript在頁(yè)面打印信息<ScriptLanguage="JavaScript“type="text/javascript">document.write(“第一javascript程序〞);</Script>

Javascript操作表單里的元素1、button2、checkbox3、hidden4、text5、password6、submit7、reset<inputtype=“〞/>

表單的使用<form></form>1、action2、method“post〞“get〞1．?dāng)?shù)據(jù)的檢驗(yàn)2．表單的分支提交onsubmit=mySubmit(this)if(form.Ref[0].checked){form.action="1.html";}else{form.action="2.html";}form.submit();3．用任何元素提交表單

()()基于javaScript來(lái)計(jì)算document.getElementById(“x〞)3、基于網(wǎng)頁(yè)形式的計(jì)算器設(shè)計(jì)基于Jsp獲取表單提交的數(shù)據(jù)函數(shù)：request.getParameter(“x〞)4、基于網(wǎng)頁(yè)形式的計(jì)算器設(shè)計(jì)5、基于網(wǎng)頁(yè)形式的計(jì)算器設(shè)計(jì)

進(jìn)度條的實(shí)現(xiàn)

2、歌曲播放頁(yè)面的制作<styletype="text/css"><!--.STYLE1{font-size:12px;cursor:hand;}--></style></head><body><divid="player1"><objectid="player"height="64"width="260"classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"><paramNAME="url"value="在路上.mp3"></object></div><scriptlanguage="javascript">functionsetmusic(music){varaaa=document.getElementById("player1").innerHTML="<objectid=\"player\"height=\"64\"width=\"260\"classid=\"CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6\">"+"<paramNAME=\"url\"value=\""+music+"\"></object>";}</script><spanclass="STYLE1"onclick="setmusic('在路上.mp3');">在路上</span><br/><spanclass="STYLE1"onclick="setmusic('Burning.mp3');">Burning</span>1、登陸頁(yè)面的制作2、注冊(cè)頁(yè)面的制作3、基于網(wǎng)頁(yè)形式的計(jì)算器設(shè)計(jì)4、靜態(tài)頁(yè)面制作Web頁(yè)面設(shè)計(jì)例如1、登陸頁(yè)面的制作〔1〕、登陸頁(yè)面設(shè)計(jì)〔2〕、登陸信息驗(yàn)證〔3〕、登陸信息提交〔4〕、登陸信息與數(shù)據(jù)庫(kù)進(jìn)行比較〔5〕、登陸結(jié)果顯示頁(yè)面跳轉(zhuǎn)1、用html<METAHTTP-EQUIV=REFRESHCONTENT="0;URL=main.html">2、用javascript<scriptlanguage="javascript">location.href='main.html'</script>

表單里的元素?cái)?shù)據(jù)的提交與接收這里要用到網(wǎng)絡(luò)編程語(yǔ)言了AspPhpC#jsp2、注冊(cè)頁(yè)面的制作〔1〕、注冊(cè)頁(yè)面設(shè)計(jì)〔2〕、注冊(cè)信息驗(yàn)證〔3〕、注冊(cè)信息提交〔4〕、注冊(cè)信息進(jìn)庫(kù)Jsp網(wǎng)頁(yè)開(kāi)發(fā)在html中直接寫(xiě)java程序<%Java程序%>

1〕隨即廣告一、通過(guò)JavaScript二、網(wǎng)頁(yè)編程語(yǔ)言2〕圖片的輪換一、通過(guò)JavaScript1、基于jsp網(wǎng)頁(yè)形式的運(yùn)算器設(shè)計(jì)Request對(duì)象客戶(hù)端的請(qǐng)求信息被封裝在request對(duì)象中，通過(guò)它才能了解到客戶(hù)的需求，然后做出響應(yīng)?？蛻?hù)提交的一些屬性request.getParameter(屬性名)客戶(hù)端IP地址: getRemoteAddr()客戶(hù)端主機(jī)名: getRemoteHost()用的協(xié)議類(lèi)型及版本號(hào): getProtocol()頁(yè)面的文檔類(lèi)型: getContentType()…

Session對(duì)象客戶(hù)和效勞器之間的會(huì)話(huà)信息封狀成Session對(duì)象;可以使用Session對(duì)象存儲(chǔ)特定用戶(hù)會(huì)話(huà)所需的信息。這樣，當(dāng)用戶(hù)在應(yīng)用程序的Web頁(yè)之間跳轉(zhuǎn)時(shí)，存儲(chǔ)在Session對(duì)象中的變量將不會(huì)喪失，而是在整個(gè)用戶(hù)會(huì)話(huà)中一直存在下去。4、網(wǎng)頁(yè)計(jì)數(shù)器制作〔1〕、讀文件BufferedReaderfile;//BufferedReader對(duì)象，用于讀取StringnameOfTextFile="C:/count.txt";file=newBufferedReader(newFileReader(nameOfTextFile));StringreadStr=null;readStr=file.readLine();

〔2〕、寫(xiě)文件PrintWriterpw=newPrintWriter(newFileOutputStream(nameOfTextFile));pw.println(writeStr);pw.close();

JavaScript根本數(shù)據(jù)類(lèi)型在JavaScript中四種根本的數(shù)據(jù)類(lèi)型：1、數(shù)值〔整數(shù)和實(shí)數(shù)〕、2、字符串型〔用“〞號(hào)或‘’括起來(lái)的字符或數(shù)值〕、3、布爾型〔使True或False表示〕4、空值。JavaScript語(yǔ)法

JavaScript常量整型常量JavaScript的常量通常又稱(chēng)字面常量，它是不能改變的數(shù)據(jù)。其整型常量可以使用十六進(jìn)制、八進(jìn)制和十進(jìn)制表示其值。

實(shí)型常量實(shí)型常量是由整數(shù)局部加小數(shù)局部表示，如12.32、193.98。布爾值布爾常量只有兩種狀態(tài)：True或False。它主要用來(lái)說(shuō)明或代表一種狀態(tài)或標(biāo)志，以說(shuō)明操作流程。它與Ｃ＋＋是不一樣的,Ｃ＋＋可以用１或０表示其狀態(tài),而JavaScript只能用True或False表示其狀態(tài)。字符型常量使用單引號(hào)〔‘〕或雙引號(hào)〔“〕括起來(lái)的一個(gè)或幾個(gè)字符。如"ThisisabookofJavaScript"、"3245"、"ewrt234234"等。空值JavaScript中有一個(gè)空值null,表示什么也沒(méi)有。如試圖引用沒(méi)有定義的變量,那么返回一個(gè)Null值。特殊字符同Ｃ語(yǔ)言一樣，JavaScript中同樣以有些以反斜杠〔\〕開(kāi)頭的不可顯示的特殊字符。通常稱(chēng)為控制字符。

JavaScript變量變量的主要作用是存取數(shù)據(jù)、提供存放信息的容器。對(duì)于變量必須明確變量的命名變量的類(lèi)型變量的作用域。

JavaScript變量命名規(guī)那么兩點(diǎn)：Ａ、必須是一個(gè)有效的變量，即變量以字母開(kāi)頭，中間可以出現(xiàn)數(shù)字如test1、text2等。除下劃線(xiàn)〔－〕作為連字符外，變量名稱(chēng)不能有空格、〔＋〕、〔－〕、〔，〕或其它符號(hào)。Ｂ、不能使用JavaScript中的關(guān)鍵字作為變量。如Var、int、double、true不能作為變量的名稱(chēng)。

JavaScript變量的申明1、用命令Var作聲明varmytest;該例子定義了一個(gè)mytest變量。但沒(méi)有賦予它的值。Varmytest=〞Thisisabook〞該例子定義了一個(gè)mytest變量,同時(shí)賦予了它的值。2、也可以不申明，而在使用時(shí)再根據(jù)數(shù)據(jù)的類(lèi)型來(lái)確其變量的類(lèi)型。如：x=100y="125"xy=Truecost=19.5等。其中x整數(shù)，y為字符串，xy為布爾型，cost為實(shí)型。

JavaScript變量的作用域全局變量全局變量是定義在所有函數(shù)體之外，其作用范圍是整個(gè)函數(shù)；局部變量。而局部變量是定義在函數(shù)體之內(nèi)，只對(duì)其該函數(shù)是可見(jiàn)的，而對(duì)其它函數(shù)那么是不可見(jiàn)的。

JavaScript運(yùn)算符雙目運(yùn)算符指具有兩個(gè)操作數(shù)的運(yùn)算符操作數(shù)１運(yùn)算符操作數(shù)２單目運(yùn)算符是指只有一個(gè)操作數(shù)操作數(shù)操作符〔１〕算術(shù)運(yùn)算符1、雙目運(yùn)算符號(hào)+〔加〕、-〔減〕、*〔乘〕、/〔除〕、%〔取?！场〔按位或〕、&(按位與)、<<〔左移〕、>>〔右移〕、>>>〔右移，零填充〕。2、單目運(yùn)算符號(hào)-〔取反〕、~〔取補(bǔ)〕、++〔遞加1〕、--〔遞減1〕

〔２〕比較運(yùn)算符比較運(yùn)算符它的根本操作過(guò)程是，首先對(duì)它的操作數(shù)進(jìn)行比較，此后再返回一個(gè)true或False值，有８?jìng)€(gè)比較運(yùn)算符:<(小于)、>(大于)、<=(小于等于)、>=(大于等于)、==(等于)、!=(不等于)?！玻场巢紶栠壿嬤\(yùn)算符在JavaScript中增加了幾個(gè)布爾邏輯運(yùn)算符:!〔取反)、&=〔與之后賦值〕、&〔邏輯與〕、|=〔或之后賦值〕、|〔邏輯或〕、^=〔異或之后賦值〕、^〔邏輯異或〕、?:〔三目操作符〕、||〔或〕、==(等于)、|=(不等于)。其中三目操作符主要格式如下：操作數(shù)？結(jié)果１：結(jié)果２假設(shè)操作數(shù)的結(jié)果為真，那么表述式的結(jié)果為結(jié)果１，否那么為結(jié)果２。

JavaScript程序控制流1、if條件語(yǔ)句根本格式if〔表述式〕語(yǔ)句段１；else語(yǔ)句段２；功能：假設(shè)表達(dá)式為true，那么執(zhí)行語(yǔ)句段１；否那么執(zhí)行語(yǔ)句段２。2、if語(yǔ)句的嵌套if〔布爾值〕語(yǔ)句１；else〔布爾值〕語(yǔ)句２；elseif〔布爾值〕語(yǔ)句３；……else語(yǔ)句４；

在這種情況下，每一級(jí)的布爾表述式都會(huì)被計(jì)算，假設(shè)為真，那么執(zhí)行其相應(yīng)的語(yǔ)句，否那么執(zhí)行else后的語(yǔ)句。

２、For循環(huán)語(yǔ)句根本格式for〔初始化；條件；增量〕語(yǔ)句集；功能：實(shí)現(xiàn)條件循環(huán)，當(dāng)條件成立時(shí)，執(zhí)行語(yǔ)句集，否那么跳出循環(huán)體。說(shuō)明：初始化參數(shù)告訴循環(huán)的開(kāi)始位置，必須賦予變量的初值；條件：是用于判別循環(huán)停止時(shí)的條件。假設(shè)條件滿(mǎn)足，那么執(zhí)行循環(huán)體，否那么跳出。增量：主要定義循環(huán)控制變量在每次循環(huán)時(shí)按什么方式變化。三個(gè)主要語(yǔ)句之間，必須使用逗號(hào)分隔。

３、while循環(huán)根本格式while〔條件〕語(yǔ)句集；該語(yǔ)句與For語(yǔ)句一樣，當(dāng)條件為真時(shí)，重復(fù)循環(huán)，否那么退出循環(huán)。For與while語(yǔ)句兩種語(yǔ)句都是循環(huán)語(yǔ)句，使用For語(yǔ)句在處理有關(guān)數(shù)字時(shí)更易看懂，也較緊湊；而while循環(huán)對(duì)復(fù)雜的語(yǔ)句效果更特別。４、break和continue語(yǔ)句與C++語(yǔ)言相同，使用break語(yǔ)句使得循環(huán)從For或while中跳出，continue使得跳過(guò)循環(huán)內(nèi)剩余的語(yǔ)句而進(jìn)入下一次循環(huán)。

JavaScript函數(shù)1、提供結(jié)構(gòu)化的程序模塊通常在進(jìn)行一個(gè)復(fù)雜的程序設(shè)計(jì)時(shí)，總是根據(jù)所要完成的功能，將程序劃分為一些相對(duì)獨(dú)立的局部，每局部編寫(xiě)一個(gè)函數(shù)。從而，使各局部充分獨(dú)立，任務(wù)單一，程序清晰，易懂、易讀、易維護(hù)。2、為事件驅(qū)動(dòng)提供支持JavaScript函數(shù)可以封裝那些在程序中可能要屢次用到的模塊。并可作為事件驅(qū)動(dòng)的結(jié)果而調(diào)用的程序。從而實(shí)現(xiàn)一個(gè)函數(shù)把它與事件驅(qū)動(dòng)相關(guān)聯(lián)。這是與其它語(yǔ)言不樣的地方。

JavaScript函數(shù)定義Function函數(shù)名〔參數(shù),變?cè)硔函數(shù)體;.Return表達(dá)式;}說(shuō)明：當(dāng)調(diào)用函數(shù)時(shí),所用變量或字面量均可作為變?cè)獋鬟f。函數(shù)由關(guān)鍵字Function定義。函數(shù)名：定義自己函數(shù)的名字。參數(shù)表，是傳遞給函數(shù)使用或操作的值，其值可以是常量，變量或其它表達(dá)式。通過(guò)指定函數(shù)名〔實(shí)參〕來(lái)調(diào)用一個(gè)函數(shù)。必須使用Return將值返回。函數(shù)名對(duì)大小寫(xiě)是敏感的。

一、JavaScript例如1、文字滾動(dòng)使用<marquee>標(biāo)簽<marqueedirection=upheight=240onMouseOut=this.start()onMouseOver=this.stop()scrollamount=2scrolldelay=10>

內(nèi)容

</marquee>

2、圖片滾動(dòng)3、進(jìn)度條的實(shí)現(xiàn)

二、JavaScript常用例如1、彈出窗口<SCRIPTLANGUAGE="JavaScript">functionCreateWindow(){window.open('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')

}</SCRIPT><FORM><INPUTTYPE="button"VALUE="創(chuàng)立窗口"onClick="CreateWindow()"></FORM>

window.open彈出新窗口的命令；

‘page.html’彈出窗口的文件名；

‘newwindow’彈出窗口的名字，非必須，可用空‘’代替；

height=100窗口高度；

width=400窗口寬度；

top=0窗口距離屏幕上方的象素值；

left=0窗口距離屏幕左側(cè)的象素值；

toolbar=no是否顯示工具欄，yes為顯示；

menubar，scrollbars表示菜單欄和滾動(dòng)欄。

resizable=no是否允許改變窗口大小，yes為允許；

location=no是否顯示地址欄，yes為允許；

status=no是否顯示狀態(tài)欄內(nèi)的信息〔通常是文件已經(jīng)翻開(kāi)〕，yes為允許；

彈出的窗口之定時(shí)關(guān)閉控制

注意是參加到page.html的HTML中，可不是主頁(yè)面中首先，將如下代碼參加page.html文件的<head>區(qū)：

<scriptlanguage=javascript>functioncloseit(){setTimeout(self.close(),10000)//毫秒}</script>

然后，再用<bodyonload=closeit()>這一句話(huà)代替page.html中原有的<BODY>這一句就可以了

在彈出窗口中加上一個(gè)關(guān)閉按鈕

<FORM>

<INPUTTYPE='BUTTON'value='關(guān)閉'onClick='window.close()'>

</FORM>

網(wǎng)頁(yè)對(duì)話(huà)框

showModalDialog('://pconline','example04','dialogWidth:400px;dialogHeight:300px;

dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes')showModelessDialog('://pconline','example05','dialogWidth:400px;dialogHeight:300px;

dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes')

showModalDialog()與showModelessDialog()的區(qū)別，在于showModalDialog()翻開(kāi)模式窗口，showModelessDialog()翻開(kāi)無(wú)模式窗口。dialogHeight:iHeight設(shè)置對(duì)話(huà)框窗口的高度。

dialogWidth:iWidth設(shè)置對(duì)話(huà)框窗口的寬度。

dialogLeft:iXPos設(shè)置對(duì)話(huà)框窗口相對(duì)于桌面左上角的left位置。

dialogTop:iYPos設(shè)置對(duì)話(huà)框窗口相對(duì)于桌面左上角的top位置。

center:{yesno10}指定是否將對(duì)話(huà)框在桌面上居中，默認(rèn)值是“yes〞。

help:{yesno10}指定對(duì)話(huà)框窗口中是否顯示上下文敏感的幫助圖標(biāo)。默認(rèn)值是“yes〞。

resizable:{yesno10}指定是否對(duì)話(huà)框窗口大小可變。默認(rèn)值是“no〞。

status:{yesno10}指定對(duì)話(huà)框窗口是否顯示狀態(tài)欄。對(duì)于非模式對(duì)話(huà)框窗口，默認(rèn)值是“yes〞；對(duì)于模式對(duì)話(huà)框窗口，默認(rèn)值是“no〞。

2、參加收藏<ahref=#onclick=,好酷中國(guó)haokucn)target=_self><spanstyle=text-decoration:none>收藏本站</span></a>3、關(guān)閉窗口<ahref=javascript:close()>[關(guān)閉窗口]</a>

4、調(diào)窗大小<inputtype=buttonvalue=調(diào)節(jié)到寬200高300onclick=window.resizeTo(200,300)>5、窗口移動(dòng)<inputtype=buttonvalue=左移onclick=window.moveBy(-15,0)><inputtype=buttonvalue=右移onclick=window.moveBy(15,0)><inputtype=buttonvalue=上移onclick=window.moveBy(0,-15)><inputtype=buttonvalue=下移onclick=window.moveBy(0,15)>

6、歷史按紐<inputtype=buttonvalue=后退onclick=history.go(-1)><inputtype=buttonvalue=刷新onclick=history.go(-0)><inputtype=buttonvalue=前進(jìn)onclick=history.go(+1)><!--當(dāng)然如果想叫文字變色可以把bgColor該成fgColor--><scriptlanguage=VbScript>subhellodocument.bgColor=int(256*256*256*rnd)endsub</script><!--第二步!注意在body加上這個(gè)元素例如把body改成--><bodyonmousemove=hello()>7、超級(jí)變色

8、觀(guān)察鍵值<bodyonkeydown=alert("鍵值是:"+)>請(qǐng)單擊鍵盤(pán)試試9、四種窗口<inputtype=buttonvalue=alertonclick=alert("這是第一種")><br><inputtype=buttonvalue=confirmonclick=confirm("這個(gè)是第二種")><br><inputtype=buttonvalue=promptonclick=prompt("這個(gè)是第三個(gè)","好不好玩呀?")><br><inputtype=buttonvalue=openonclick=window.open("://")>

10、超級(jí)大字<center><spanstyle=font-weight:900;font-size:200pt>忍<br><fontface=wingdings>N</font><br>者</span></center>11、表格變色<tableborder=1width=50height=40><Tr><Tdonmouseover=="red"onmouseout=="#dddddd">文字</td></tr></table>

12、死屏程序<!--記住運(yùn)行可以,運(yùn)行后的按紐你就可要小心點(diǎn)拉!下載文件完畢后可以常識(shí)--><inputtype=buttonvalue=點(diǎn)了以后這一頁(yè)就不能動(dòng)了onclick=while(true){window.history.back(-1)}>13、掐死text<inputtype=textonfocus=this.blur()value=不能操作style=background-color:#d9992f>

14、定時(shí)開(kāi)窗<!--注意本次我設(shè)定為4000,意思就是4秒鐘后翻開(kāi)窗口--><script>functionl(){window.open("://","name","width=500,height=150,border=0")}setTimeout("l()",4000)</script>15、控制打印<inputtype=buttonvalue=打印本頁(yè)onclick=window.print()>

16、網(wǎng)頁(yè)熱鍵<!--本例為單擊F12鍵以后可以實(shí)現(xiàn)打印網(wǎng)頁(yè)功能--><script>functionlook(){if(event.keyCode=123){window.print()}}document.onkeydown=look</script>你試試單擊F12鍵試試!當(dāng)然你也可以設(shè)定單擊后開(kāi)啟窗口或其他功能17、瀏覽器是<script>document.write(