JavaScript內(nèi)部培訓(xùn)ppt課件

1、JavaScript內(nèi)部培訓(xùn) 根底篇課程概述主要是引見JavaScript言語的語法和對象，如何運(yùn)用JavaScript對頁面中的元素進(jìn)展動(dòng)態(tài)操作和對頁面中可輸入，可選擇的控件進(jìn)展校驗(yàn)等。主要內(nèi)容第一章 JavaScript簡介第二章 JavaScript根底第三章 JavaScript對象第四章 JavaScript事件第一章 JavaScript簡介1. JavaScript是什么? JavaScript是一種可以嵌入Web頁面中的基于對象(Object)和事件驅(qū)動(dòng)(Event Driven)并具有平安性能的腳本言語，它能與用戶實(shí)現(xiàn)交互，并且能與效力端實(shí)現(xiàn)通訊。2. JavaScript的

2、特點(diǎn) 1.基于對象 2.事件驅(qū)動(dòng) 3.解釋性言語 4.弱類型言語 5.平安，與平臺無關(guān)(跨平臺)第二章 JavaScript根底2.1 JavaScript聲明2.2 JavaScript變量與數(shù)據(jù)類型2.3 JavaScript操作符與表達(dá)式2.4 JavaScript函數(shù)2.1 JavaScript聲明根本格式 JavaScript腳本可以嵌入在Web頁面中，如: 也可以將以.js為后綴名的JavaScript文件單獨(dú)放在一個(gè)位置,然后在Web頁面援用它, 句型如下:Ps: .js文件中不能有 JavaScript可以出如今Web頁面的恣意地方 .JavaScript代碼;.2.2 Jav

3、aScript變量與數(shù)據(jù)類型2.2.1 變量變量的主要作用是存取數(shù)據(jù)、提供存放信息的容器。對于變量必需明確變量的命名、變量的類型、變量的聲明及其變量的作用域。在JavaScript言語中經(jīng)過var關(guān)鍵字來聲明一個(gè)變量 例如： var x=5; var flag=true;變量也可以不作聲明，而在運(yùn)用時(shí)再根據(jù)數(shù)據(jù)的類型來確定變量的類型。 carname=“bmw; y=4; 其中carname為字符串型，y為整型。變量的作用域 在JavaScript中同樣有全局變量和部分變量。全局變量是定義在一切函數(shù)體之外，其作用范圍是整個(gè)函數(shù)；而部分變量是定義在函數(shù)體之內(nèi)，只對其該函數(shù)是可見的，而對其它函數(shù)那

4、么是不可見的。2.2.2 數(shù)據(jù)類型 JavaScript支持的數(shù)據(jù)類型：數(shù)值型(number):其中包括整型數(shù)和浮點(diǎn)型數(shù) 布爾值(boolean):即邏輯值，true或flase字符串型(string):由單個(gè)或多個(gè)文本字符組成空值(null):由關(guān)鍵字null代表undefined:表示變量還沒有賦值的形狀或一個(gè)對象的屬性不存在JavaScript變量是弱類型JavaScript變量對大小寫敏感 未作聲明的變量默許是全局變量 2.3 JavaScript操作符與表達(dá)式2.3.1 操作符賦值操作符： =、+=、-=、*=、 /=、%=、=、=、&=、=、|=；條件表達(dá)式： status = (

5、age = 18) ? adult : minor； 算數(shù)操作符： +、- 、* 、/ 、% 、+和-，y = +x； 位邏輯運(yùn)算符： &、|、; 、 布爾操作符： &、|、!比較操作符： 有 =、=、=、!=； 銜接操作符 + 用于銜接兩個(gè)字符串： x= Hello ; y= World!; x + y 為 Hello World! 其他操作符in, typeof instanceof等2.3 JavaScript操作符與表達(dá)式2.3.1 表達(dá)式 在定義完變量后，就可以對它們進(jìn)展賦值、改動(dòng)、計(jì)算等一系列操作，這一過程通常又叫一個(gè)表達(dá)式來完成，可以說它是變量、常量、布爾及運(yùn)算符的集合，因此表達(dá)

6、式可以分為算術(shù)表達(dá)式、字符串表達(dá)式、賦值表達(dá)式以及布爾表達(dá)式等。 例如: 算術(shù)表達(dá)式: var x=5; var y=4; var z=x+y; / 結(jié)果是9 字符串表達(dá)式: var str=“joy,str1=“que; var str2=str+str1; / 結(jié)果是joyque 2.4 JavaScript函數(shù)2.4.1 函數(shù) 函數(shù)是什么？ 函數(shù)是假設(shè)干段JavaScript代碼的集合,可以根據(jù)需求將一段功能代碼編寫成一個(gè)函數(shù)，然后在需求時(shí)調(diào)用它，并可作為事件驅(qū)動(dòng)的結(jié)果而調(diào)用的程序。從而實(shí)現(xiàn)一個(gè)函數(shù)把它與事件驅(qū)動(dòng)相關(guān)聯(lián)。 JavaScript函數(shù)定義:函數(shù)由function關(guān)鍵字定義fu

7、nction myFunction(參數(shù))/執(zhí)行的語句(函數(shù)體) return 值; 函數(shù)不指定前往類型參數(shù)不指定類型函數(shù)名對大小寫是敏感的函數(shù)例如1function fun1(txt) alert(txt); 2.4 JavaScript函數(shù)參數(shù)不指定類型2.4 JavaScript函數(shù)函數(shù)例2function add(a,b) return a+b; 6+5=document.write(add(6,5)有前往值的函數(shù)仍不要指定函數(shù)類型當(dāng)頁面載入時(shí)，會執(zhí)行位于body部分的JavaScript2.4 JavaScript函數(shù)JavaScript常規(guī)函數(shù)9個(gè)常規(guī)函數(shù)：alert函數(shù)：顯示一個(gè)

8、警告對話框，包括一個(gè)OK按鈕。confirm函數(shù)：顯示一個(gè)確認(rèn)對話框，包括OK、Cancel按鈕。prompt函數(shù)：顯示一個(gè)輸入對話框，提示等待用戶輸入。parseInt函數(shù)：將符串轉(zhuǎn)換成整數(shù)數(shù)字方式(可指定幾進(jìn)制)。parseFloat函數(shù)：將字符串轉(zhuǎn)換成符點(diǎn)數(shù)字方式。escape函數(shù)：將字符轉(zhuǎn)換成Unicode碼。 eval函數(shù)：計(jì)算表達(dá)式的結(jié)果。isNaN函數(shù)：測試是(true)否(false)不是一個(gè)數(shù)字。音訊框第三章 JavaScript對象JavaScript言語是基于對象的Object-Based，而不是面向?qū)ο蟮膐bject-oriented。有對象的概念：數(shù)據(jù)和操作的封裝,

9、但沒有承繼的概念。從定義的角度看, JavaScript程序中有兩種對象：JavaScript提供的內(nèi)置對象(根底對象和客戶端對象)和根據(jù)需求創(chuàng)建本人的對象。 對象的根底知識 對象的根本構(gòu)造 如何創(chuàng)建對象 援用對象的途徑 有關(guān)對象操作語句 對象屬性的援用 對象的方法的援用 第三章 JavaScript對象對象的根本構(gòu)造 JavaScript中的對象由屬性和方法(也既函數(shù))兩個(gè)根本元素構(gòu)成。前者表達(dá)了對象的特征，后者表達(dá)了對象的行為。 對象模型: var car=; /創(chuàng)建了一個(gè)car對象 =“bmw; /給car對象添加一個(gè)name屬性 obj.run=function()alert(“car

10、 會跑); /給car對象添加一個(gè)run方法第三章 JavaScript對象如何創(chuàng)建對象 在JavaScript中創(chuàng)建對象有多種方式,很靈敏。 方式一: 直接定義 例如1: var person=; /創(chuàng)建了無任何屬性和方法的對象 例如2： var person=; /創(chuàng)建帶有name屬性和eat方法的對象 ; person.eat=function ()alert(吃飯); 方式二:采用json的方式 例如3: var person=name:小強(qiáng),eat:function()alert(吃飯); json是一種數(shù)據(jù)格式第三章 JavaScript對象援用對象的途徑一個(gè)對象要真正地被運(yùn)用，可

11、采用以下幾種方式：1.援用JavaScript內(nèi)部對象；2.由閱讀器環(huán)境中提供3.創(chuàng)建新對象。 這就是說一個(gè)對象在被援用之前，這個(gè)對象必需存在，否那么援用將毫無意義，而出現(xiàn)錯(cuò)誤信息。從上面中我們可以看出JavaScript援用對象可經(jīng)過三種方式獲取。要么創(chuàng)建新的對象，要么利用現(xiàn)存的對象。 第三章 JavaScript對象有關(guān)對象操作語句 for.in語句 with語句 this關(guān)鍵字 new運(yùn)算符第三章 JavaScript對象Forin語句 該語句的功能是用于對知對象的一切屬性進(jìn)展操作的控制循環(huán)。無需知道對象的屬性個(gè)數(shù)即可進(jìn)展操作。 格式如下: for(對象的屬性名 in 知對象名) 例如如

12、下: function getValue(obj) for(var prop in obj) document.write(objprop); 第三章 JavaScript對象with語句 運(yùn)用該語句的意思是：在該語句體內(nèi)，任何對變量的援用被以為是這個(gè)對象的屬性，以節(jié)省一些代碼。with object.一切在with語句后的花括號中的語句，都是在后面object對象的作用域的。 例如如下: var person=; =小強(qiáng); person.age=100; with(person) alert(name); alert(age); 第三章 JavaScript對象this關(guān)鍵字 this是指對

13、當(dāng)前對象的援用，在不同的角度，this援用的對象不同。首先分析this所在的函數(shù)是當(dāng)做哪個(gè)對象的方法調(diào)用的，那這個(gè)對象就是this所援用的對象。也可以說在JavaScript中的this是對象和函數(shù)結(jié)合的概念。 例如1: var obj=; obj.x=10; obj.y=function ()alert(this.x); obj.y(); 當(dāng)執(zhí)行obj.y()時(shí),函數(shù)是作為對象obj的方法調(diào)用的，因此函數(shù)體內(nèi)的this指向的是obj對象，所以會彈出10。第三章 JavaScript對象new運(yùn)算符 運(yùn)用new運(yùn)算符可以創(chuàng)建一個(gè)新的對象。其創(chuàng)建對象運(yùn)用如下格式：Newobject=new Ob

14、ject(Parameters table);其中Newobject創(chuàng)建的新對象：Object是曾經(jīng)存在的對象； parameters table參數(shù)表；new是JavaScript中的命令語句。如創(chuàng)建一個(gè)日期新對象newData=new Date()birthday=new Date(December 12.1998)之后就可使newData、birthday作為一個(gè)新的日期對象了。 例如1: function person(name) =name; this.eat=function () alert(吃飯); var employee=new person(小強(qiáng));第三章 JavaScr

15、ipt對象對象的屬性援用1.運(yùn)用點(diǎn).運(yùn)算符: university.Name=“江蘇 2.經(jīng)過對象的下標(biāo)實(shí)現(xiàn)援用: university0=“江蘇 3.經(jīng)過字符串的方式實(shí)現(xiàn) : university“Name=“江蘇對象的方法援用 objectName.methodName(); 實(shí)踐上methodName()=FuctionName方法本質(zhì)上是一個(gè)函數(shù)。 假設(shè)援用university對象的show()方法，即可運(yùn)用: university.show(); 第三章 JavaScript對象常用對象的屬性和方法 JavaScript為我們提供了一些非常有用的常用內(nèi)部對象和方法。用戶不需求用腳本來

16、實(shí)現(xiàn)這些功能。這正是基于對象編程的真正目的。在JavaScript提供了string字符串、Math數(shù)值計(jì)算和Date日期,Boolean(布爾),Array(數(shù)組)等對象和其它一些相關(guān)的方法。第三章 JavaScript對象1.String對象:代表一串字符串屬性：length 前往字符中的字符的個(gè)數(shù)。方法:方法描述charAt()返回在指定位置的字符。charCodeAt()返回在指定的位置的字符的 Unicode 編碼。concat()連接字符串。indexOf()檢索字符串。lastIndexOf()從后向前搜索字符串。match()找到一個(gè)或多個(gè)正在表達(dá)式的匹配。replace()替

17、換與正則表達(dá)式匹配的子串。search()檢索與正則表達(dá)式相匹配的值。slice()提取字符串的片斷，并在新的字符串中返回被提取的部分。split()把字符串分割為字符串?dāng)?shù)組。substr()從起始索引號提取字符串中指定數(shù)目的字符。substring()提取字符串中兩個(gè)指定的索引號之間的字符。toLowerCase()把字符串轉(zhuǎn)換為小寫。toUpperCase()把字符串轉(zhuǎn)換為大寫。第三章 JavaScript對象String對象例如:var str=Hello happy world!;document.write(str.substr(6)+);document.write(str.sub

18、str(6,5);結(jié)果：happy world!happy起始下標(biāo)長度值第三章 JavaScript對象2.Date對象:提供一個(gè)有關(guān)日期和時(shí)間對象定義日期var myDate=new Date();注：自動(dòng)運(yùn)用當(dāng)前的日期和時(shí)間作為其初始值。Date對象方法方法描述Date()返回當(dāng)日的日期和時(shí)間getDate()從 Date 對象返回一個(gè)月中的某一天 (1 31)getDay()從 Date 對象返回一周中的某一天 (0 6)getMonth()從 Date 對象返回月份 (0 11)getFullYear()從 Date 對象以四位數(shù)字返回年份getYear()從 Date 對象以兩位或四

19、位數(shù)字返回年份。getHours()返回 Date 對象的小時(shí) (0 23)getMinutes()返回 Date 對象的分鐘 (0 59)getSeconds()返回 Date 對象的秒數(shù) (0 59)toString()把 Date 對象轉(zhuǎn)換為字符串。toLocaleString()根據(jù)本地時(shí)間格式，把 Date 對象轉(zhuǎn)換為字符串。toLocaleTimeString()根據(jù)本地時(shí)間格式，把 Date 對象的時(shí)間部分轉(zhuǎn)換為字符串toLocaleDateString()根據(jù)本地時(shí)間格式，把 Date 對象的日期部分轉(zhuǎn)換為字符串第三章 JavaScript對象Date對象例如var d=new

20、 Date();var weekday=new Array(7);weekday0=星期日;weekday1=星期一;weekday2=星期二;weekday3=星期三;weekday4=星期四;weekday5=星期五;weekday6=星期六;document.write(今天是 + weekdayd.getDay();第三章 JavaScript對象3.Array對象:數(shù)組對象創(chuàng)建數(shù)組對象的三種方式:var mycars=new Array();mycars0=BMW ;mycars1=Volvo ;var mycars=new Array(2) ;mycars0=BMW ;mycars

21、1=Volvo ;var mycars=new Array(BMW,Volvo);第三章 JavaScript對象Array對象屬性：length 設(shè)置或前往數(shù)組中元素的數(shù)目。方法:方法描述concat()連接兩個(gè)或更多的數(shù)組，并返回結(jié)果。join()把數(shù)組的所有元素放入一個(gè)字符串。元素通過指定的分隔符進(jìn)行分隔。pop()刪除并返回?cái)?shù)組的最后一個(gè)元素push()向數(shù)組的末尾添加一個(gè)或更多元素，并返回新的長度。reverse()顛倒數(shù)組中元素的順序。shift()刪除并返回?cái)?shù)組的第一個(gè)元素slice()從某個(gè)已有的數(shù)組返回選定的元素sort()對數(shù)組的元素進(jìn)行排序splice()刪除元素，并向數(shù)

22、組添加新元素。unshift()向數(shù)組的開頭添加一個(gè)或更多元素，并返回新的長度。第三章 JavaScript對象Array對象例如var mycars = new Array();mycars0 = BMW;mycars1 = Volvo;document.write(mycars.join();document.write();document.write(mycars.join(.);var mycars = new Array(BMW, Volvo);結(jié)果：BMW,VolvoBMW.Volvo 假設(shè)省略參數(shù)那么用逗號作分隔符 第三章 JavaScript對象自定義對象數(shù)組 JavaScr

23、ipt中沒有提供像其它言語具有明顯的數(shù)組類型，但可以經(jīng)過function定義一個(gè)數(shù)組，并運(yùn)用new對象操作符創(chuàng)建一個(gè)具有下標(biāo)的數(shù)組。從而可以實(shí)現(xiàn)任何數(shù)據(jù)類型的存儲。第三章 JavaScript對象定義數(shù)組對象 function arrayName(size)this.length=size;for(var i=0; i=size;i+)thisi=0;return this;其中arrayName是定義數(shù)組的一個(gè)名字，size是有關(guān)數(shù)組大小的值1-size，即數(shù)組元素的個(gè)數(shù)。經(jīng)過for循環(huán)對一個(gè)當(dāng)前對象的數(shù)組進(jìn)展定義，最后前往這個(gè)數(shù)組。第三章 JavaScript對象創(chuàng)建數(shù)組實(shí)例一個(gè)數(shù)組定義完

24、成以后，還不能馬上運(yùn)用，必需為該數(shù)組創(chuàng)建一個(gè)數(shù)組實(shí)例：var myarray=new arrayName(n);并賦于初值：myarray1=“字串；myarray2=“字串；myarray3=“字串；.Myarrayn=“字串n；一旦給數(shù)組賦于了初值后，數(shù)組中就具有真正意義的數(shù)據(jù)了，以后就可以在程序設(shè)計(jì)過程中直接援用。第三章 JavaScript對象客戶端對象第三章 JavaScript對象閱讀器對象(Navigator) 窗口對象(Window) 文檔對象(Document) 位置對象(Location) 歷史對象(History) 在這些對象系統(tǒng)中,文檔對象非常重要,它位于最低層,但對于

25、我們實(shí)現(xiàn)Web頁面信息交互起作關(guān)鍵作用。因此它是對象系統(tǒng)的中心部分。第三章 JavaScript對象1.Window對象window 對象是 JavaScript 層級中的頂層對象。window 對象代表一個(gè)閱讀器窗口或一個(gè)框架。window 對象會在 或 每次出現(xiàn)時(shí)被自動(dòng)創(chuàng)建。第三章 JavaScript對象Window對象的屬性屬性描述closed返回窗口是否已被關(guān)閉。length設(shè)置或返回窗口中的框架數(shù)量。name設(shè)置或返回窗口的名稱。opener返回對創(chuàng)建此窗口的窗口的引用。parent返回父窗口。self返回對當(dāng)前窗口的引用。status設(shè)置窗口狀態(tài)欄的文本。top返回最頂層的先輩窗

26、口。第三章 JavaScript對象Window對象方法方法描述alert()顯示帶有一段消息和一個(gè)確認(rèn)按鈕的警告框。clearInterval()取消由 setInterval() 設(shè)置的 timeout。clearTimeout()取消由 setTimeout() 方法設(shè)置的 timeout。close()關(guān)閉瀏覽器窗口。confirm()顯示帶有一段消息以及確認(rèn)按鈕和取消按鈕的對話框。createPopup()創(chuàng)建一個(gè) pop-up 窗口。focus()把鍵盤焦點(diǎn)給予一個(gè)窗口。open()打開一個(gè)新的瀏覽器窗口或查找一個(gè)已命名的窗口。print()打印當(dāng)前窗口的內(nèi)容。prompt()顯示

27、可提示用戶輸入的對話框。setInterval()按照指定的周期（以毫秒計(jì)）來調(diào)用函數(shù)或計(jì)算表達(dá)式。setTimeout()在指定的毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式。第三章 JavaScript對象Window對象例如1:window.status=“江蘇集群信息技術(shù);Hello第三章 JavaScript對象Window對象例如2:myWin=window.open(,window1);myWin.document.write(This is +myW);myWin.focus();myWin.opener.document.write(This is the parent window);op

28、ener是子窗口指向翻開它的父窗口第三章 JavaScript對象2.document對象document 對象代表整個(gè) HTML 文檔，可用來訪問頁面中的一切元素。document 對象是 window 對象的一個(gè)部分。第三章 JavaScript對象document對象的屬性屬性描述fgColor指標(biāo)記的 text 屬性所表示的文本顏色。bgColor指標(biāo)記的 bgcolor 屬性所表示的背景顏色。linkColor指標(biāo)記的 link 屬性所表示的連接顏色。alinkColor指標(biāo)記的 alink 屬性所表示的活動(dòng)連接顏色。vlinkColor指標(biāo)記的 vlink 屬性所表示的已訪問連接顏

29、色。 lastModified返回文檔被最后修改的日期和時(shí)間。title返回當(dāng)前文檔的標(biāo)題。URL返回當(dāng)前文檔的 URL。第三章 JavaScript對象document屬性例如計(jì)算機(jī)學(xué)院document.bgColor=yellow最后被修正的日期和時(shí)間：document.write(document.lastModified)當(dāng)前文檔的標(biāo)題：document.write(document.title)第三章 JavaScript對象document對象的方法方法描述open()打開一個(gè)流，以收集來自任何 document.write() 或 document.writeln() 方法的輸出

30、。close()關(guān)閉用document.open()方法打開的輸出流，并顯示選定數(shù)據(jù)。getElementById()返回對擁有指定 id 的第一個(gè)對象的引用。getElementsByName()返回帶有指定名稱的對象集合。getElementsByTagName()返回帶有指定標(biāo)簽名的對象集合。write()向文檔寫 HTML 表達(dá)式 或 JavaScript 代碼。writeln()等同于write()方法，不同的是在每個(gè)表達(dá)式之后寫一個(gè)換行符。第三章 JavaScript對象document.getElementById()方法getElementById()方法前往對擁有指定 ID

31、的第一個(gè)對象的援用。語法：document.getElementById(id)闡明：在操作文檔的一個(gè)特定的元素時(shí)，最好事先給該元素一個(gè)獨(dú)一的 id 屬性。第三章 JavaScript對象document.getElementById()方法例如function getValue() var x=document.getElementById(myHeader); alert(x.innerHTML); 這是標(biāo)題點(diǎn)擊標(biāo)題，會提示出它的值。第三章 JavaScript對象document.getElementsByName()方法getElementsByName()方法前往帶有指定稱號的對象集

32、合.語法：document.getElementsByName(name)闡明：該方法與 getElementById() 方法類似，但是它查詢元素的 name 屬性，而不是 id 屬性。由于一個(gè)文檔中的 name 屬性能夠不獨(dú)一(如 HTML 表單中的單項(xiàng)選擇按鈕通常具有一樣的 name 屬性)，一切 getElementsByName() 方法前往的是元素的數(shù)組，而不是一個(gè)元素。第三章 JavaScript對象document.getElementsByName()方法例如function getElements() var x=document.getElementsByName(myI

33、nput); alert(共有+x.length+個(gè)myInput，其中+第三個(gè)size=+x2.size); 第三章 JavaScript對象3.location對象location 對象描畫的是某一個(gè)窗口對象所翻開的地址。 location 對象是 window 對象的一個(gè)部分。 第三章 JavaScript對象location對象例如function currLocation() alert(window.location) ; function newLocation() window.location=joyque; 第三章 JavaScript對象location對象屬性和方法屬性

34、描述hash設(shè)置或返回從井號 (#) 開始的 URL。host設(shè)置或返回主機(jī)名和當(dāng)前 URL 的端口號。hostname設(shè)置或返回當(dāng)前 URL 的主機(jī)名。href設(shè)置或返回完整的 URL。pathname設(shè)置或返回當(dāng)前 URL 的路徑部分。port設(shè)置或返回當(dāng)前 URL 的端口號。protocol設(shè)置或返回當(dāng)前 URL 的協(xié)議。search設(shè)置或返回從問號 (?) 開始的 URL（查詢部分）。方法描述reload()重新加載當(dāng)前文檔(相當(dāng)于瀏覽器上的“刷新”)。replace()用新的文檔替換當(dāng)前文檔。用這個(gè)方法打開一個(gè) URL 后，瀏覽器的“后退”鍵將不能返回到剛才的頁面。第三章 JavaS

35、cript對象4.history對象history 對象最初設(shè)計(jì)來表示窗口的閱讀歷史。但出于隱私方面的緣由，history 對象不再允許腳本訪問曾經(jīng)訪問過的實(shí)踐 URL。獨(dú)一堅(jiān)持運(yùn)用的功能只需 back()、forward() 和 go() 方法。history對象是window對象的一部分。第三章 JavaScript對象history對象屬性和方法屬性描述length返回瀏覽器歷史列表中的 URL 數(shù)量方法描述back()加載 history 列表中的前一個(gè) URL(“后退”鍵功能)forward()加載 history 列表中的下一個(gè) URL (“前進(jìn)”鍵功能)go()加載 histor

36、y 列表中的某個(gè)具體頁面第三章 JavaScript對象history.go()方法語法：history.go(number或URL)闡明：URL：在歷史的范圍內(nèi)去到指定的一個(gè)地址。number：假設(shè) x 0，那么前進(jìn) x 個(gè)地址，假設(shè) x = 0，那么刷新如今翻開的網(wǎng)頁。如：history.go(0) 等效于 location.reload() history.go(1) 等效于 location.forward()history.go(-1) 等效于 location.backward()第三章 JavaScript對象history.back()方法例如：前往上一頁補(bǔ)充一個(gè)：封鎖窗口 第

37、三章 JavaScript對象5.form對象form 對象代表一個(gè) HTML 表單。在 HTML 文檔中 每出現(xiàn)一次，form 對象就會被創(chuàng)建第三章 JavaScript對象form對象屬性屬性描述id設(shè)置或返回表單的 id。也就是屬性。name設(shè)置或返回表單的名稱。也就是屬性。action設(shè)置或返回表單的提交地址。也就是屬性。method設(shè)置或返回將數(shù)據(jù)發(fā)送到服務(wù)器的 HTTP 方法。也就是屬性。target設(shè)置或返回表單提交后返回的窗口。也就是屬性。length返回表單所含元素的數(shù)目。第三章 JavaScript對象form屬性例如Name: document.write(documen

38、t.getElementById(f1).id+);document.write(document.getElementById(f1).name+);document.write(document.myForm.method+); /更簡約document.write(document.myForm.length+); 第三章 JavaScript對象form對象方法方法描述reset()把表單所有輸入元素重置為它們的默認(rèn)值。同“重置”按鈕。submit()提交表單。同“提交”按鈕。第三章 JavaScript對象form對象方法例如function formReset() document

39、.myForm.reset() ; function formSubmit() document.myForm.submit() ; 姓名: 密碼: 第三章 JavaScript對象form中元素屬性的操作方法1：document.表單名.元素名.元素屬性 方法2：document.getElementById(form的id).元素名.元素屬性第三章 JavaScript對象例如1第三章 JavaScript對象例如1參考 HTML例如 function add() var a=parseInt(document.f1.value1.value); var b=parseInt(docume

40、nt.f1.value2.value); alert(a+b+=+(a+b); + 第三章 JavaScript對象例如2 第三章 JavaScript對象例如2參考 HTML例如 function test() var i=document.f1.speciality.selectedIndex; alert(document.f1.speciality.optionsi.text); 選擇專業(yè)： 計(jì)算機(jī)科學(xué)與技術(shù) 軟件工程 網(wǎng)絡(luò)工程 第四章 JavaScript事件指定事件處置程序方法：直接在 HTML 標(biāo)志中指定，如下所示：例如：第四章 JavaScript事件JavaScript常見事件屬性當(dāng)以下情況發(fā)生時(shí)，出現(xiàn)此事件onBlur元素失去焦點(diǎn)onFocus元素獲得焦點(diǎn)onChange用戶改變域的內(nèi)容onClick鼠標(biāo)點(diǎn)擊某個(gè)對象onMouseDown某個(gè)鼠標(biāo)按