版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領
文檔簡介
第四篇提高篇
第11章網(wǎng)頁特效設計本章簡介：本章以JavaScript網(wǎng)頁特效制作
為例，首先介紹了JavaScript的特點、功能、基本語法、對象和事件等必備的基礎知識，然后介紹了三種在網(wǎng)頁中使用JavaScript的方法，最后列舉了幾個實例。目錄JavaScript概述在網(wǎng)頁中使用JavaScript的方法JavaScript的基本語法JavaScript的對象和事件JavaScript應用實例本章小結習題11.1
JavaScript概述網(wǎng)頁特效是用程序代碼在網(wǎng)頁中實現(xiàn)特殊效果或者特殊功能的一種技術，它為網(wǎng)頁活躍了氣氛，增加了網(wǎng)站的親和力。目前在網(wǎng)頁設計中常用的網(wǎng)頁特效有CSS特效、
JavaScript特效、Flash特效和HTML特效等，但是相比較而言，JavaScript特效的功能更加強大，所以下面就以
JavaScript為例介紹網(wǎng)頁特效的制作方法。JavaScript是一種能讓網(wǎng)頁更加生動活潑的描述語言，也是目前網(wǎng)頁設計中最容易學又最方便的語言。利用
JavaScript可以在不涉及服務器的情況下直接通過HTML界面向用戶收集一定的數(shù)據(jù)，可以根據(jù)用戶的輸入立即更新頁面上的組件，可以為圖形增添交互性等?？梢哉f，掌握
JavaScript腳本語言編程方法就是獲得一項重要的網(wǎng)頁設計技能。11.1.1
JavaScript的特點JavaScript是一種被嵌入HTML網(wǎng)頁之中的基于對象和事件驅動編程的腳本語言，它彌補了HTML語言交互功能差、控制呆板單調等缺陷。 腳本是一段用來完成某些特殊功能的程序，腳本程序可分為服務器端腳本（如：ASP、JSP等）和客戶端腳本（如：JavaScript等）兩類?？蛻舳四_本程序隨網(wǎng)頁同時下載到客戶機上，網(wǎng)頁對用戶數(shù)據(jù)的驗證和對用戶的響應，都無需通過服務器進行通信，從而降低了網(wǎng)絡數(shù)據(jù)的傳輸和負荷。JavaScript是Netscape公司于1995年11月醞釀開發(fā)的，最早叫做LiveScript,它結構簡單，使用方便，對用戶的知識水平要求不高，相比Sun公司的Java來說要易學易懂。Java是一種適合于分布式計算的新型面向對象程序設計語言，功能強大，但十分復雜，更適合有一定程序設計經(jīng)驗的人使用。JavaScript的整個語法以Java為基礎，但比Java簡單。1995年12月，兩家公司達成協(xié)議將
LiveScript正式更名為JavaScript。目前，IE等主流瀏覽器均支持JavaScript。
JavaScript的特點如下：（1）JavaScript是一種腳本編程語言，采用小程序段的方式實現(xiàn)編程。它是由
一些ASCII字符構成的，可以直接用記事本等文本編輯器編寫，事先也不用編譯，只需要利用解釋器就可以解釋執(zhí)行。同時它也是一種解釋性語言，提供了一個簡易的程序開發(fā)過程，方便用戶的使用操作。JavaScript是一種基于對象和事件驅動的語言。它能通過操作一些已有的對象而引導程序運行，許多功能來源于對象之間的相互作用。它對用戶的響應，是采用事件驅動的方式進行的。所以也可以把JavaScript看做是一種面向對象的語言。JavaScript的簡單性。它的簡單性一方面體現(xiàn)在它是一種基于Java的基本語句和控制流之上的簡單而緊湊的設計，這對于學習Java是一個非常好的過渡，另一方面是它的所有變量不使用嚴格的數(shù)據(jù)類型。JavaScript的安全性。它同Java一樣是一種非常安全的語言，它不允許訪問本地硬盤，并且不允許把數(shù)據(jù)存入到服務器上，還不允許對網(wǎng)絡文檔進行修改和刪除，只允許通過瀏覽器實現(xiàn)信息瀏覽或動態(tài)交互，從而有效地防止數(shù)據(jù)丟失。JavaScript的動態(tài)性。它的動態(tài)性體現(xiàn)在它可以直接對用戶或客戶的輸入操作做出響應，而不必經(jīng)過Web服務器或Web服務器程序。JavaScript具有跨平臺性。JavaScript同Java一樣是與操作環(huán)境無關的，它只依賴于瀏覽器，只要有運行支持JavaScript的瀏覽器就能正確解釋執(zhí)行。11.1.2
JavaScript的功能JavaScript的功能主要體現(xiàn)在以下幾個方面：控制文檔的外觀和內容：通過JavaScript程序，可以控制Web頁面的外觀，也能評估用戶輸入數(shù)據(jù)的有效性，而且這些操作都無需與服務器進行交互，從而減輕了服務器的負擔。控制瀏覽器的行為：JavaScript程序也能檢測用戶計算機是否安裝了某些插件，并在需要時能夠從相應的站點上下載所需的插件。與用戶交互:JavaScript程序可用于檢測用戶的活動，并對用戶操作作出反應，比如當光標經(jīng)過某個鏈接時，該鏈接變成另一種顏色，就是對用戶操作的一種反應形式。使用Cookie讀寫客戶端的狀態(tài):JavaScript還能寫入和讀取Cookie值，并根據(jù)具體的Cookie值動態(tài)的創(chuàng)建HTML頁面。JavaScript提供了字符串處理函數(shù)和正則表達式支持，利用它們，可以檢查電子郵件、網(wǎng)絡地址、信用卡號碼、手機號碼、身體證號碼等的有效性。JavaScript是一種解釋性程序，它提供了變量、數(shù)據(jù)類型、條件語句、循環(huán)語句、函數(shù)、對象等一組基本的語言構件塊。通過這些構件塊，能完成數(shù)學計算、操作日期和時間、分析字符串、操作數(shù)組和對象等功能。當然JavaScript也不是萬能的，它受限于與瀏覽器和HTML相關的任務，并在受限制的上下文環(huán)境中使用，因此，JavaScript不具備獨立語言（如C++、JAVA、VB）所擁有的一些必須特性。JavaScript不具備以下特性：除了能夠格式化和顯示HTML文檔之外，JavaScript不具備有任何的圖像處理能力。出于安全方面的原因，客戶端的JavaScript不允許讀寫文件。除了能夠讓瀏覽器下載任何URL指定的內容外，JavaScript不支持任何網(wǎng)絡訪問功能。JavaScript不具備任何多線程能力。11.2
在網(wǎng)頁中使用JavaScript的方法在網(wǎng)頁中使用JavaScript的方法主要有如下三種：1.將腳本代碼直接放在<script></script>標記之間
在HTML文檔中，可以直接加入JavaScript的腳本代碼，使之成為文檔的一部分。其格式如下：<script
language="JavaScript">JavaScript
語言代碼;…</script>因為使用的腳步本語言是JavaScript，所以屬性language要給定“JavaScript”值。多條JavaScript語句定義放在<script></script>之間，<script></script>的位置是不固定的，可以出現(xiàn)在<head></head>或<body></body>中的任何地方，但通常將它加于<head></head>標記之間。這種直接在HTML中加入JavaScript的方法適合于小型網(wǎng)站的網(wǎng)頁設計。但如果要將某段JavaScript代碼應用到另一個網(wǎng)頁中時，就必須在該網(wǎng)頁中再次重寫或復制，因此這種方法不利于代碼的重復利用和后期維護。2.將JavaScript代碼放在一個單獨的文件中為了便于JavaScript代碼的重復利用，可以將需要重復利用的代碼保存在擴展名為.js的文件中，若多個HTML文件需要引用該代碼，只需在HTML文件中將該.js文件引應即可，引應時使用script標記的src屬性指定該外部腳本文件的URL路徑即可。其格式如下：<head>…<script
type="text/javascript"
src="腳本文件名.js"></script>…</head>屬性type="text/javascript"指出了文件的類型是JavaScript，而src屬性則定義欲引用的外部腳本文件（.js）的URL。通過與外部腳本文件相鏈接，瀏覽器只使用外部文件的腳本，同時忽略任何位于<script></script>之間的腳本。腳本文件的編輯也很簡單，任何文本編輯器均可進行編輯，文件內容是腳本，不包含HTML的標記。3.將腳本代碼作為屬性值為了響應輸入的事件，可以在HTML表單的input標記內添加腳本。例如，對于Button表單元素，可以設置一個新的屬性onclick，而onclick的屬性值就是一段JavaScript程序代碼，當單擊這個按鈕后，onclick屬性值中的
JavaScript代碼就會被瀏覽器解釋執(zhí)行。如下所示：<input
type=button
value=測試腳本onclick="alert(new
Date());">另外，超鏈接標記<a>的href屬性值除了可以使用http和mailto等協(xié)議外，還可以使用JavaScript協(xié)議，如下所示：<a
href="JavaScript:alert(new
Date());">JavaScript協(xié)議</a>當單擊這個超鏈接時，瀏覽器會執(zhí)行JavaScript：后面的腳本代碼。11.3.1常量整形常量整型常量可以使用十六進制、八進制和十進制表示。十六進制以0x或0X開頭，如：0x54af。八進制以0開頭，如076。十進制的第一位不能是0，如
154。實型常量由整數(shù)部分和小數(shù)部分組成，也可以用指數(shù)形式表示。如：-1.21和4e3等。邏輯常量只有兩種狀態(tài)，true和false。JavaScript表示邏輯常量只能用true或false，不能用1或0。字符串型常量使用單引號（‘’）或雙引號（“”）括起來的一個或幾個字符。如“this
is
a
good
idea”、‘a(chǎn)bc’、“a”等。一個字符串中也可以不包含任何字符，其形式為“”,表示一個空串?？罩悼罩祅ull表示什么也沒有。如要引用一個沒有定義的變量，則會返回一個null值。11.3
JavaScript的基本語法6.轉義字符JavaScript提供了如表11-1所示的八種轉義字符，這些字符都以反斜杠（\）開始，當JavaScript的解釋器遇到反斜杠時，會將其識別為該轉義字符所代表的操作意圖。表11-1常用的轉義字符字符
意義
\b后退一格\f換頁\n換行\(zhòng)r回車\t制表\’單引號\”雙引號\\反斜杠11.3.2變量變量的主要作用是存放程序運行過程中的臨時信息。對于變量必須了解變量的命名、變量的類型、變量的聲明以及變量的作用域。變量的命名變量名是由字母、數(shù)字、下劃線和美元符號（$）組成的一個字符串。但不能以數(shù)字開頭，不能是JavaScript中的關鍵字。需要提醒的是：聲明的變量名是區(qū)分大小寫的。變量的類型JavaScript中采用弱類型的變量形式，因而聲明一個變量時不必指定變量的類型，而是在賦值時根據(jù)數(shù)據(jù)的類型來確定變量的類型。JavaScript中的變量也可以不需要提前做聲明而直接使用，但是建議養(yǎng)成在使用變量之前先聲明的好習慣。變量的聲明若要對變量做聲明，可以用var關鍵字，如：var
name_x;聲明了一個名字是name_x的變量。11.3.3運算符1.算術運算符JavaScript中的算術運算符如表11-2所示。表11-2算術運算符及其含義運算符含義+將兩數(shù)相加-將兩數(shù)相減*將兩數(shù)相乘\將兩數(shù)相除%余運算符，將兩數(shù)相除后取余數(shù)++遞增運算符，將數(shù)值加1--遞減運算符，將數(shù)值減1-負號運算符，取該數(shù)的負數(shù)2.字符串運算符將兩個字符串結合起來的運算符，JavaScript中的字符串運算符如表11-3所示。表11-3字符串運算符及其含義運算符含義x+y將字符串x與字符串y合并，即首尾相連x+=y將字符串x與字符串y合并后的字符串賦給x3.比較運算符比較運算符的運算過程是首先對其操作數(shù)進行比較，再返回一個true或false的值。JavaScript中的字符串運算符如表11-4所示。表11-4比較運算符及其含義運算符含義==如果兩操作數(shù)相等，返回true!=如果兩操作數(shù)不等，返回true===如果兩操作數(shù)相等且數(shù)據(jù)類型相同，返回true!==如果兩操作數(shù)不等且數(shù)據(jù)類型不同，返回true<如果左邊的操作數(shù)小于右邊的操作數(shù)，返回true<=如果左邊的操作數(shù)小于或等于右邊的操作數(shù)，返回true>如果左邊的操作數(shù)大于右邊的操作數(shù)，返回true>=如果左邊的操作數(shù)大于或等于右邊的操作數(shù)，返回true注意：在進行比較運算時，會遇到不同數(shù)據(jù)類型的數(shù)據(jù)參與運算，此時數(shù)據(jù)類型的轉換是由JavaScript自動進行的。4.布爾運算符布爾運算也稱為邏輯運算，運算的結果仍然是邏輯值。JavaScript中的布爾運算符如表11-5所示。表11-5布爾運算符及其含義運算符含義
a&&b若a,b都是true，則結果為truea||b若a,b中任意一個是true，則結果為true!a若a
是true，則結果為false11.3.4
表達式在定義完變量后，就可以對它們進行賦值或運算了，這些過程通常是通過表達式來完成的，也就是說表達式是變量、常量、布爾值及運算符的有機集合。JavaScript中的表達式有算術表達式、字符表達式、比較表達式和布爾表達式等。11.3.5
程序控制流語句在任何程序設計語言中，程序控制流語句都是必需的，它可以使程序按照一定的方式或順序執(zhí)行，實現(xiàn)程序的運行控制，減少程序的混亂。1.條件語句if-else語句是JavaScript中最基本的條件控制語句，通過對表達式的判斷，來改變語句的執(zhí)行順序。if-else語句共有如下三種格式：if(表達式)if(表達式)if(表達式1){{語句1；語句塊1；語句塊1；else
if(表達式2)}}語句2；elseelse
if(表達式3){語句3；語句塊2；…}else語句n；（a）（b）（c）2.for語句for語句主要用來實現(xiàn)條件循環(huán)操作，當條件成立時，執(zhí)行循環(huán)體，否則結束循環(huán)執(zhí)行for語句后的語句?；靖袷饺缦拢篺or(初始化；條件；增量){循環(huán)體語句；}初始化主要是給計數(shù)器變量置初值；條件是用來判斷是否符合條件去執(zhí)行循環(huán)體語句；增量主要用來標識計數(shù)器變量在每次循環(huán)時的變化方式。三者之間必須要用分號分開。3.switch語句分支語句switch可以根據(jù)一個變量的不同取值而采取不同的處理方法，即實現(xiàn)了多分支控制?；靖袷饺缦拢簊witch(表達式){case
label1:
語句串1；case
label2:
語句串2；case
label3:
語句串3；...default:語句串n；}如果表達式的值同程序中所提供的任何一條語句都不匹配，將執(zhí)行default中的語句。4.while循環(huán)語句while循環(huán)語句有兩種格式，一種是while循環(huán)，另一種是do
while循環(huán)。兩者的區(qū)別在于while循環(huán)是先判斷條件，再執(zhí)行循環(huán)體語句，而do
while循環(huán)是先執(zhí)行循環(huán)體語句，再判斷條件。當?shù)谝淮闻袛鄺l件均為真時，兩者的執(zhí)行沒有什么不同，但如果第一次判斷條件就為假時，while循環(huán)的循環(huán)體語句一次也不執(zhí)行，而do
while循環(huán)則不同，循環(huán)體語句至少執(zhí)行一次。while(條件){循環(huán)體語句；}（a）（b）do{循環(huán)體語句；}while(條件)；for語句和while語句均可實現(xiàn)循環(huán)，for語句書寫簡單，容易理解，一般有明確的循環(huán)次數(shù)，而while語句則對較為復雜、循環(huán)次數(shù)未知的循環(huán)執(zhí)行效率更高。break和continue語句break語句的主要功能是在循環(huán)執(zhí)行的過程中從for或while語句中直接跳出，執(zhí)行for或while后的語句。continue語句則可使程序的執(zhí)行跳出本次循環(huán)，直接進入下次循環(huán)的判斷。注釋語句//這是單行注釋。/*這是多行注釋....*/。11.3.6
函數(shù)JavaScript支持兩種函數(shù)，一種是JavaScript的庫函數(shù)，另一種是用戶自定義函數(shù)。庫函數(shù)JavaScript語言中包括若干個庫函數(shù)，即本身自帶的函數(shù)，如：escape()、eval()等。用戶自定義函數(shù)在進行較為復雜的程序設計時，通常將要完成的功能任務分解成一些相對獨立的小部分，每個部分由一個函數(shù)來獨立完成，這樣一來，使得復雜的設計不再“復雜”，結構更清晰，維護更容易。用戶自定義函數(shù)的方法如下：function
函數(shù)名（參數(shù)，變元）{函數(shù)體；return
表達式；}11.4
JavaScript的對象和事件11.4.1
JavaScript的對象JavaScript是一門基于對象的語言，之所以這樣說是因為它沒有提供像抽象、繼承、重載等有關面向對象語言的許多功能，而是將其他語言所創(chuàng)建的復雜對象統(tǒng)一起來，形成了一個非常強大的對象系統(tǒng)，在需要時直接引用就可以了。1.Javascript的對象種類引用JavaScript內部對象。由瀏覽器提供對象。用戶創(chuàng)建新對象。2.常用內部對象串對象主要用于字符串在Web頁面中的顯示、字體大小、字體顏色以及字符的大小寫轉換。算術函數(shù)的math對象提供除了加、減、乘、除以外的一些運算。如對數(shù)、平方根等。日期和時間對象提供一個有關日期和時間操作的對象。3.對象屬性的引用使用點（.）運算符
=“李海明”
student.city=“蘭州市”
student.year="1990"通過對象的下標實現(xiàn)引用
student[0]=“李海明”
student[1]=“蘭州市”
student[2]="1990"通過數(shù)組的形式訪問屬性，可以使用循環(huán)操作方便獲取其值。（3）通過字符串的形式實現(xiàn)
student
["name"]=“李海明”
student
["city"]=“蘭州市”
student["year"]="1990"4.瀏覽器內部對象使用瀏覽器內部對象系統(tǒng)的作用是將相關元素組織包裝后供程序設計人員使用，減輕設計負擔、提高設計能力。窗口對象（window）：window對象處于對象層次的最基層，它提供了處理窗口的方法和屬性，每個window
代表一個瀏覽器窗口。位置對象（location）：location對象提供了與當前打開的URL一起工作的方法和屬性，經(jīng)常用于實現(xiàn)頁面跳轉。歷史對象（history）：history對象提供了與瀏覽器的瀏覽歷史有關的操作，以使得用戶在歷史站點頁面間漫游。文檔對象（document）：document對象可以更新正在裝入或已經(jīng)裝入的文檔，并可以訪問裝入文檔所包含的HTML元素，同時還提供許多幫助訪問這些元素的屬性。11.4.2
JavaScript的事件用戶對瀏覽器頁面所做的動作叫做“事件”，這些動作通常是通過鼠標或鍵盤來完成的，由這些動作引發(fā)的一連串程序動作，稱之為事件驅動。1.JavaScript支持的事件種類JavaScript支持的常用對象事件種類及其適用范圍如表11-6所示。表11-6
JavaScript支持的常用對象事件種類及其適用范圍事件名適用對象含義onBlurwindow及所有表單子組件失去焦點onClicklink及所有表單子組件用戶在對象上單擊鼠標左鍵一下onDblclick同上用戶在對象上連續(xù)雙擊鼠標左鍵onFocuswindow及所有表單子組件取得輸入焦點onKeyDownimage、link及所有表單子組件用戶按下鍵盤上的某個按鍵的一剎那onKeyPress同上用戶按下鍵盤上的某個按鍵時onKeyup同上按鍵彈起來的一剎那onLoaddocument瀏覽器加載頁面時onunLoaddocument用戶離開頁面時onMousedowndocument、link及所有表單子組件用戶單擊鼠標時onMouseOut同上鼠標光標離開相應對象時onMouseOver同上鼠標光標移到相應對象上時onResizewindow用戶調整窗口大小尺寸時onSelecttext、password、texterea用戶選取相應對象時onSubmitform用戶單擊表單中的submit按鈕時2.事件處理事件處理是對象化編程的一個很重要的環(huán)節(jié)，沒有了事件處理，程序就會變得很死，缺乏靈活性。事件處理的過程可以這樣表示：發(fā)生事件→啟動事件處理程序→事件處理程序做出反應。其中，要使事件處理程序能夠啟動，必須先告訴對象，如果發(fā)生了什么事情，要啟動什么處理程序，否則這個流程就不能進行下去，使用事件處理程序有兩種方法。直接在HTML標記中指定，這種方法是用得最為普遍。方法是：<標記...事件="事件處理程序"[事件="事件處理程序"...]>如<body...onload="alert('網(wǎng)頁讀取完成，請慢慢欣賞！')"onunload="alert('再見！
')">，這樣定義的<body>標記，能使文檔讀取完畢時彈出一個對話框，內容為“網(wǎng)頁讀取完成，請慢慢欣賞”，而在用戶退出文檔（或者關閉窗口，或者到另一個頁面去）的時候又彈出一個對話框，內容為“再見”。在JavaScript中說明。方法是：<對象>.<事件>=<事件處理程序>;例如：<script
language="javascript">document.onload=alert('網(wǎng)頁讀取完成，請慢慢欣賞!');</script>用這種方法需要注意的是事件處理程序是真正的代碼，而不是字符串形式的代碼。如果要做的事情不止一件，最好還是定義一個函數(shù)，然后用以下的語法調用比較好。function
multiaction(
)
{……}……window.onselect=multiaction(
);這個例子將multiaction()函數(shù)作為window對象的onselect事件的處理程序來使用。應用JavaScript開發(fā)一些特效，可以活躍網(wǎng)頁設計，增強網(wǎng)頁功能。目前，在Internet上有大量的JavaScript特效代碼，在不侵犯版權的情況下，可以直接復制加工再應用。下面列舉幾個JavaScript特效的例子。11.5.1
動態(tài)顯示日期和時間【例11-1】：在網(wǎng)頁中的指定位置動態(tài)顯示日期和時間。瀏覽器顯示效果如圖11-1所示。圖11-1在網(wǎng)頁中動態(tài)顯示日期和時間11.5
JavaScript應用實例程序代碼如下：<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"
"><html
xmlns="
"><head><meta
http-equiv="Content-Type"
content="text/html;charset=utf-8"
/><title>動態(tài)顯示日期和時間</title></head><body>今天是：<script
language="javascript">var
enabled
=
0;
today
=
new
Date();var
day;
var
date;if(today.getDay()==0)day="星期日"if(today.getDay()==1)day="星期一"if(today.getDay()==2)day="星期二"if(today.getDay()==3)day="星期三"if(today.getDay()==4)day="星期四"if(today.getDay()==5)day="星期五"if(today.getDay()==6)day="星期六"date1=today.getFullYear()+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日";date2=day;document.write(date1);document.write(date2);document.write("<span
id='clock'></span>");var
now,hours,minutes,seconds,timeValue;function
showtime(){now
=
new
Date();
hours
=
now.getHours();minutes
=
now.getMinutes();seconds
=
now.getSeconds();timeValue
=(hours
>=12)?""
:"
";timeValue
+=
hours+
":";timeValue
+=
((minutes
<
10)
?
"0"
:
"")
+
minutes
+
":";timeValue
+=
((seconds
<
10)
?
"0"
:
"")
+
seconds
+
"";clock.innerHTML
=
timeValue;setTimeout("showtime()",100);}showtime();</script></body></html>11.5.2
狀態(tài)欄跑馬燈信息【例11-2】：在瀏覽器的狀態(tài)欄中從左向右滾動顯示文本信息。瀏覽器顯示效果如圖11-2所示。圖11-2狀態(tài)欄跑馬燈信息程序代碼如下：<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"
"><html
xmlns="
"><head><meta
http-equiv="Content-Type"
content="text/html;charset=utf-8"
/><title>狀態(tài)欄跑馬燈信息</title><script
language="javascript">function
scroll(seed){var
m1="歡迎光臨"var
m2="《網(wǎng)站開發(fā)與網(wǎng)頁設計》"var
msg=m1+""+m2;var
out=
"
";var
c
=1;if(seed
>
100)
{seed--;var
cmd="scroll("
+
seed
+
")";timerTwo=window.setTimeout(cmd,100);}else
if
(seed
<=
100
&&
seed
>
0)
{for
(c=0
;
c
<
seed
;
c++)
{out+="
";out+=msg;seed--;var
cmd="scroll("
+
seed
+")";window.status=out;timerTwo=window.setTimeout(cmd,100);}
else
if
(seed
<=
0)
{if
(-seed
<
msg.length)
{out+=msg.substring(-seed,msg.length);seed--;var
cmd="scroll("
+
seed
+")";window.status=out;timerTwo=window.setTimeout(cmd,100);}else
{window.status="
";timerTwo=window.setTimeout("scroll(100)",7);}}}timerONE=window.setTimeout('scroll(100)',50);</script></head><body></body></html>11.5.3
計時器【例11-3】：帶有開始和停止按鈕的計時器。瀏覽器顯示效果如圖11-3所示。圖11-3帶有開始和停止按鈕的計時器程序代碼如下：<html><head><title>計時器</title><script
language="javascript">varc=0vartfunction
timedCount(){document.getElementById('txt').value=cc=c+1t=setTimeout("timedCount()",1000)}function
stopCount(){clearTimeout(t)}</script></head><body><form><input
type="button"
value="開始計時"onClick="timedCount()"><input
type="text"id="txt"><input
type="button"
value="停止計時"onClick="stopCount()"></form><p>請點擊上面的“開始計時”按鈕來啟動計時器。輸入框會一直進行計時，從0
開始。點擊“停止計時”按鈕可以終止計時。</p></body></html>11.5.4
獲取瀏覽器版本號【例11-4】：獲取客戶端IE瀏覽器的版本號，如果版本號低于4.0則提示“您的瀏覽器該升級了！”
溫馨提示
- 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
- 6. 下載文件中如有侵權或不適當內容，請與我們聯(lián)系，我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 地基買賣合同
- 委托咨詢服務協(xié)議書
- 競賽保密協(xié)議
- 北京物聯(lián)網(wǎng)技術合同
- 2024公司股東合作合同（32篇）
- 旅行社勞動用工合同
- 私人養(yǎng)殖場租賃合同
- 工作解決方案探討
- 離婚財產(chǎn)協(xié)議書覽
- 合作協(xié)議醫(yī)療器械
- 運動康復機構跌倒風險管理措施
- 開學安全第一課主題班會課件
- 殘疾人的就業(yè)創(chuàng)業(yè)與自我發(fā)展
- 全套課件-建筑工程質量與安全管理
- 醫(yī)院感染的中心靜脈導管相關血流感染預防
- 新版《醫(yī)療器械經(jīng)營質量管理規(guī)范》(2024)培訓試題及答案
- 2025年人教版數(shù)學五年級下冊教學計劃（含進度表）
- 北師大版七年級上冊數(shù)學期末考試試題及答案
- 2024-2025學年人教版數(shù)學六年級上冊 期末綜合卷（含答案）
- 2025年初級社會工作者綜合能力全國考試題庫（含答案）
- 2024年我國人口老齡化問題與對策
評論
0/150
提交評論