日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > javascript >内容正文

javascript

第十三期:你所了解的javascript?

發布時間:2023/12/10 javascript 32 豆豆
生活随笔 收集整理的這篇文章主要介紹了 第十三期:你所了解的javascript? 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

在介紹JavaScript之前,首先讓我們來簡單了解一下腳本語言。大家知道,HTML通常用于格式化和鏈接文本,各種編程語言通常用于向機器發出一系列復雜的指令,而腳本語言是介于HTML和C++、Java等編程語言之間的語言。腳本語言是一種簡單的語言,其語法和規則沒有編程語言嚴格和復雜。用C++、Java等編寫的程序必須先經過編譯,將源代碼轉換為二進制代碼之后才可執行,而腳本語言是一種解釋性的語言,其程序不需要事先編譯,可以直接運行,只要使用合適的解釋器來解釋便可以執行;腳本語言由一些ASCII碼組成,以文本形式存在。常用的腳本語言有JavaScript、VBScript等。

????因為腳本語言是在客戶端被解釋執行的,所以我們通常用腳本語言來實現客戶端動態網頁。網站發展的初期,所有的程序都是在服務器端執行,然后再將執行結果發送到客戶端。隨著客戶端計算機的功能越來越強大,CPU速度越來越快,如果將部分簡單的操作交給客戶端的計算機處理,就可以大大提高服務器的工作效率。這樣網頁腳本語言就應運而生了,因為這種腳本語言能夠與一般的HTML語言交互使用。在讀取網頁的同時,腳本語言編寫的小程序也被傳輸到客戶機上,并在客戶機上執行。

一、JavaScript簡介

通過HTML標簽的描述可以實現文字、表格、聲音、圖像、動畫等信息的瀏覽,然而這只是一種靜態信息資源的提供,缺少動態交互。JavaScript的出現,使得信息和用戶之間不僅只是一種顯示和瀏覽的關系,而且實現了一種實時的、動態的、可交互式的表達。從而使得基于CGI的靜態HTML頁面被可提供動態實時信息、并對客戶操作進行反應的Web頁面所取代。

JavaScript早期是由Netscape(網景)公司研發出來的一種在Netscape瀏覽器上執行的程序語言。它不僅包含了數組對象、數學對象,還包括一般語言所包含的操作數、控制流程等結構組件。用戶可以利用它設計出交互式的網頁內容,但這些網頁不能單獨執行,必須由瀏覽器或服務器執行。

開發JavaScript的最初動機是想要減輕服務器數據處理的負荷,能夠完成如在網頁上顯示時間、動態廣告、處理表單傳送數據等工作。隨著JavaScript所支持的功能日益增多,不少網頁編制人員轉而利用它來進行動態網頁的設計。Microsoft公司所研發的IE網絡瀏覽器早期版本是不支持JavaScript語言的,但在IE 4.0之后也開始全面支持JavaScript,這使得JavaScript成為兩大瀏覽器的通用語言。

1. 什么是JavaScript

JavaScript是一種基于對象(Object)和事件驅動(Event Driven),并具有安全性能的腳本語言。使用它的目的是與HTML、Java 腳本語言(Java小程序)一起實現在一個Web頁面中鏈接多個對象,與Web客戶交互作用,從而可以開發客戶端的應用程序等。它是通過嵌入在標準的HTML語言中實現的,它的出現彌補了HTML語言的缺陷。

2. JavaScript與Java的區別

很多人看到 Java 和 JavaScript 都有“Java”,就以為它們是同一樣東西,實際上Java之與Javascript就好比Car(汽車)之于Carpet(地毯)。雖然JavaScript與Java有緊密的聯系,但卻是兩個公司開發的不同的兩個產品。Java是SUN公司推出的新一代面向對象的程序設計語言,特別適合于Internet應用程序開發;而JavaScript是Netscape公司的產品,是為了擴展Netscape Navigator功能而開發的一種可以嵌入Web頁面中的基于對象和事件驅動的解釋性語言。下面對兩種語言間的異同作如下比較:

1)基于對象和面向對象

  Java是完全面向對象的語言,即使是開發簡單的程序,也必須設計類和對象。  JavaScript是基于對象的腳本語言,它雖然基于對象和事件驅動,但由于腳本語言的特性,在功能上與Java相比要差得多。

  2)解釋和編譯

  兩種語言在其瀏覽器中執行的方式不一樣。Java的源代碼在傳遞到客戶端執行之前,必須經過編譯,因而客戶端上必須具有相應平臺上的仿真器或解釋器,它可以通過編譯器或解釋器實現獨立于某個特定的平臺編譯代碼。JavaScript是一種解釋性編程語言,其源代碼在發往客戶端執行之前不需經過編譯,而是將文本格式的字符代碼發送給客戶端由瀏覽器解釋執行。

  3)強變量和弱變量

  兩種語言所采用的變量是不一樣的。Java采用強類型變量檢查,即所有變量在編譯之前必須作聲明。JavaScript中的變量是弱類型的,即變量在使用前不需作聲明。

  4)代碼格式不一樣

  Java的格式與HTML無關,其代碼以字節形式保存在獨立的文檔中。而JavaScript的代碼是一種文本字符格式,可以直接嵌入HTML文檔中,并且可動態裝載。

  5)嵌入方式不一樣

  在HTML文檔中,通過不同的標簽標識兩種編程語言,JavaScript使用<script>...</script>標簽,而Java使用<applet>...</applet>標簽。

  6)靜態聯編和動態聯編

Java采用靜態聯編,即Java的對象引用必須在編譯時進行,以使編譯器能夠實現強類型檢查。JavaScript采用動態聯編,即JavaScript先編譯,再在運行時對對象引用進行檢查。

二、?JavaScript語言基礎知識

1. JavaScript代碼的加入

???上節已經提到JavaScript嵌入在HTML文檔中使用,那么,在HTML文檔的什么地方插入JavaScript腳本呢?實際上,使用標簽對<script></script>,你可以在 HTML 文檔的任意地方插入 JavaScript,甚至在<html>之前插入也不成問題,多數情況下將其放于<head></head>中,因為一些代碼可能需要在頁面裝載起始就開始運行。不過如果要在聲明框架的網頁中插入,就一定要在<frameset>之前插入,否則不會運行。腳本代碼插入基本格式如下: ???

<script language ="JavaScript">

JavaScript代碼;

……

</script>

標簽對<script></script>指明其間放入的是腳本源代碼;屬性language 說明標簽中使用的是何種腳本語言,這里是JavaScript語言,也可以不寫,因為目前大部分瀏覽器都將其設為默認值。

另外,還可以把 JavaScript 代碼寫到一個單獨的文件中(此文件通常應該用“.js”作擴展名),然后用下面所示的格式在HTML文檔中調用。

<script language="JavaScript" src="url">

……

</script>

其中,url屬性指明JavaScrip文檔的地址。這種方式非常適合多個網頁調用同一個JavaScript程序的情況。

【例6-20】JavaScript簡單實例(js.html)

<html>

??<head>

????<title>JavaScript實例</title>

????<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

??</head>

??<body>

????<script language="JavaScript">

???? document.write("<h2>JavaScript的第一個網頁!</h2>");

???? document. close();

????</script>

??</body>

</html>

運行結果如圖6-31所示。

?

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 圖6-31 ?使用JavaScript的第一個網頁

??說明:

(1)document. write():是文檔對象的輸出函數,其功能是將括號中的字符或變量值輸出到窗口。

(2)document. close():是將輸出關閉。

(3)分號“;”是 JavaScript語句結束符。

(4)JavaScript區分大小寫。

2. 基本數據類型

JavaScript中有四種基本數據類型:數值型(整數和實數)、字符串型(用“”號括起來的字符或數值)、布爾型(用true或false表示)、空值。JavaScript的基本類型數據可以是常量,也可以是變量。JavaScript采用弱類型的形式,因而一個變量或常量不必在使用前聲明,而是在使用或賦值時確定其數據類型。當然,用戶也可以先聲明該數據的類型,然后再進行賦值,也可以在聲明變量的同時為其賦值。

3. 常量

和其它語言一樣,常量的值在程序執行過程中不會發生改變。

1)整型常量

(1)十進制:例如,666。

(2)八進制:由“0”開始,例如,0222。

(3)十六進制:由“0x”開始,例如,0x33。

2)實型常量

例如,0.002。也可以使用科學計數法表示實型常量,即寫成指數形式。例如,0.002可以寫成2e-3或2E-3。

3)布爾常量

布爾常量只有兩個值:true、false。 不能用0表示假、用非0表示真。

4)字符型常量

使用單引號(')括起來的一個字符或使用雙引號(")括起來的一個或若干個字符。例如,"3a6e"。轉義字符用反斜杠(\)開頭,如:\n表示換行,\r表示回車。

5)未定義(undefined)

變量定義后沒有賦初值,變量的值便是undefined。

6)空值(null)

null表示什么也沒有,如果試圖引用沒有定義的變量,則返回一個null值。

4. 變量

變量的值在程序執行過程中可以發生改變,其命名必須滿足合法標識符要求,即以字母或下劃線開頭,只包含字母、數字和下劃線,不能使用JavaScript中的關鍵字作為變量名。在JavaScript中,變量的定義方式有三種。

(1)用關鍵字var定義變量,但不賦初值,使用時再賦值。

例如:var sample;

此時變量sample的值是undefined

(2)用關鍵字var定義變量的同時給變量賦初值,這樣就定義了變量的數據類型,使用時也可再賦其它類型的值。

例如:var sample=99;

(3)變量不事先定義,而是在使用時通過給變量賦值來定義變量同時確定變量類型。

例如:temp=true;

該語句定義變量temp,變量數據類型是布爾型。

和其它語言一樣,JavaScript中有全局變量和局部變量。全局變量定義在所有函數體之外,其作用范圍是整個文檔;局部變量定義在函數體之內,作用范圍是定義它的函數內部。

5. 運算符

JavaScript運算符按操作數個數可分為一元、二元、三元運算符,按類型可分為算術運算符、關系運算符、邏輯運算符、位運算符、賦值運算符。在運算時按優先級順序進行,表6-1中按優先級從高到低對各種運算符進行了簡單介紹。

除此之外,JavaScript里還有一些特殊運算符。

(1)字符串連接運算符“+”:該運算符可以將多個字符串連接在一起。

例如:"Java"+"Script"的結果為"JavaScript"。

(2)delete:刪除對象。

(3)typeof:返回一個可以標識類型的字符串。

(4)void:函數無返回值。

? ? 表6-1 JavaScript運算符

?

運算符

運算符說明

括號

(x) [x]

中括號只用于指明數組的下標

求反

自加、

自減

-x

返回 x 的相反數

!x

返回與 x (布爾值)相反的布爾值

x++

x 值加 1,但仍返回原來的 x 值

x--

x 值減 1,但仍返回原來的 x 值

++x

x 值加 1,返回最新的 x 值

--x

x 值減 1,返回最新的 x 值

乘、除

x*y

返回 x 乘以 y 的值

x/y

返回 x 除以 y 的值

x%y

返回 x 與 y 的模(x 除以y 的余數)

加、減

x+y

返回 x 加 y 的值

x-y

返回 x 減 y 的值

關系運算

x<y x<=y
x>=y x>y

當符合條件時返回 true 值,否則返回 false 值

等于、
不等于

x==y

當 x 等于 y 時返回 true 值,否則返回 false 值

x!=y

當 x 不等于 y 時返回 true 值,否則返回 false 值

按位與

x&y

當兩個數位同時為 1 時,返回的數據的當前數位為 1,其它情況都為 0

按位異或

x^y

兩個數位中有且只有一個為 0 時,返回 1,否則返回 0

按位或

x|y

兩個數位中只要有一個為 1,則返回 1;當兩個數位都為零時才返回零

邏輯與

x&&y

當 x 和 y 同時為 true 時返回 true,否則返回 false

邏輯或

x||y

當 x 和 y 任意一個為 true 時返回 true,當兩者同時為 false 時返回 false

條件

c?x:y

當條件 c 為 true 時返回 x 的值(執行 x 語句),否則返回 y 的值(執行 y 語句)

賦值、

復合運算

x=y

把 y 的值賦給 x,返回所賦的值

x+=y x-=y x*=y
x/=y x%=y

x 與 y 相加/減/乘/除/求余,所得結果賦給 x,并返回 x 賦值后的值

6. 控制語句

和其它語言一樣,JavaScript控制語句包括選擇語句、循環語句、跳出語句。

1)選擇語句

l?if(條件判定)

…語句1(條件為true時)

else

…語句2(條件為false時)

l?嵌套的if……else結構

l?switch(表達式)

{

case 常量1: 語句

break?;

case 常量2: 語句

break?;

default : 語句

}

2)循環語句

l?do{

語句

}while(條件判斷)

l?while(條件判斷) ?語句

l?for([初始表達式];[條件];[增量表達式])

語句

(3)跳出語句

l?break語句:跳出并結束本層循環。

l?continue語句:跳出并結束本層的本次循環,開始下一次循環。

7. 函數

函數是一個執行特定任務的過程,它是JavaScript中最基本的成員。使用函數前,必須先定義,然后再在腳本中調用。JavaScript中支持的函數分為兩大類:一類是JavaScript預定義函數,另一類是用戶自定義函數。

1)函數定義

函數定義語法格式:

function 函數名(參數集合)

{

?函數體

return 表達式;

}

(1)函數由關鍵字function來定義,定義形式與其它語言類似。

(2)函數定義位置通常在文檔的頭部,以便當文檔被載入時首先載入函數;否則,有可能文檔正在被載入時,用戶已經觸發了一個事件而調用了一個還沒有定義的函數,導致一個錯誤的產生。

(3)可使用arguments .Length來獲得參數集合中參數的個數。

2)預定義函數

下面介紹幾種常用的預定義函數。

()1eval函數:對包含數字表達式的字符串求值。其語法格式如下所示。

eval(參數)

如果參數是數字表達式字符串,那么對該表達式求值;如果該參數代表一個或多個JavaScript語句,則執行這些語句;eval還可以把一個日期從一種格式轉換為數值表達式或數字。

(2)Number和String函數:用來將一個對象轉換為一個數字或字符串。其語法格式如下所示。

Number(對象)

String(對象)

????(3)parseInt和parseFloat函數:用來將字符串參數轉換為一個數值。其語法格式如下所示。

parseFloat(str)

parseInt(str[,radix])

parseFloat將字符串轉換為一個浮點數。parseInt基于指定的基數radix或底數之上返回一個整數。例如,若基數為10則將其轉化為十進制,為8則轉化為八進制。

三、??JavaScript對象

JavaScript中的對象是對客觀事物或事物之間關系的描述,對象可以是一段文字、一幅圖片、一個表單(form),每個對象有它自己的屬性、方法和事件。對象的屬性是指該對象具有的特性,例如,圖片的地址;對象的方法指該對象具有的行為,例如表單的“提交”(submit);對象的事件指外界對該對象所作的動作,例如點擊button產生的“單擊事件”。JavaScript中可以使用以下幾種對象:

(1)內置對象,例如:Date、Math、String。

(2)用戶自定義的對象。

(3)由瀏覽器根據頁面內容自動提供的對象。

(4)服務器上固有的對象。

在JavaScript中提供了幾個對象處理的語句,例如,this(返回當前對象)、with(為一個或一組語句指定默認對象)、new(創建對象)等。但JavaScript沒有提供繼承、重載等面向對象語言所必須具有的功能,所以它只是基本面向對象的語言。

1. 創建對象

在JavaScript中創建一個新的對象,首先需定義一個類,然后再為該類創建一個實例。定義類用關鍵字“function”,格式如下所示。

function 類名(類中屬性的值的集合)

{

屬性定義、賦值

方法定義

}

創建對象使用關鍵字“new”,格式為:對象實例名=new 類名(參數表);

例如:定義類person,它的屬性包括name、age、sex、depart,則:

function person(name,age,sex,depart)

{

this.name=name;

this.age=age;

this.sex=sex;

this.depart=depart;

}

然后再創建該類對象sample,如下:

sample=new person("peter",22, "female","personnel department");

2. 引用對象屬性

引用對象屬性的語法格式為:對象名.屬性名

3. 引用對象方法

引用對象方法的語法格式為:對象名.方法名

4. 刪除對象

刪除對象用delete運算符。例如,刪除上面創建的對象sample,使用

delete sample; ????????

5. 內置對象

下面介紹幾種內置對象。

1)String對象

String對象即字符串對象,用于處理或格式化文本字符串,以及確定和定位子串。

(1)屬性

length:保存字符串的長度。格式:字符串對象名.length;

例如:var str="helloworld"; ?

則str.length的值為10。

(2)方法

charAt(position) :返回該字符串第position位的字符。

indexOf(substring[,startpos]):返回字符串中第startpos位開始的第一個子串substring的位置,如果該子串存在,就返回它的位置,不存在返回-1。

例如:str.indexOf("llo",1); //結果為2

lastIndexOf(substring[,startpos]) :跟 indexOf() 相似,不過是從startpos位開始從后邊往前查找第一個substring出現的位置。

split(字符串分隔符集合) :返回一個數組,該數組的值是按“字符串分隔符”從原字符串對象中分離開來的子串。

例如:str.split('o'); ?

則返回的數組值是:"hell"、"w"、"rld"。

substring(startpos[,endpos]) :返回原字符串的子串,子串是原字符串從startpos位置到endpos位置的字符序列。如果沒有指定endpos或指定的超過字符串長度,則子字符串一直取到原字符串尾;如果所指定的位置不能返回字符串,則返回空字符串。

toLowerCase() :返回把原字符串所有大寫字母都變成小寫字母的字符串。

toUpperCase() :返回把原字符串所有小寫字母都變成大寫字母的字符串。

2)Array對象

Array對象即數組對象,是一個對象的集合,里邊的對象可以是不同類型的。數組的每一個成員對象都有一個“下標”,用來表示它在數組中的位置。創建數組有兩種方法:

arrName=new Array(element0,element1,…,elementN)

arrName=new Array(arrLength)

這里arrName既可以是存在的對象,也可以是一個新的對象。而element0,element1,…,elementN是數組元素的值,arrLength則是數組初始化的長度。

除了在創建數組時給它賦值以外,也可以直接通過數組名加下標的方法給數組元素賦值,例如:

arr=new Array(6);

arr[0]="sample"。

(1)屬性

length :返回數組的長度。

(2)方法

join(分隔符) 用法:返回一個字符串,該字符串把數組中的各個元素串起來,用分隔符置于元素與元素之間。

reverse() 用法:返回將原數組元素順序反轉后的新數組。

sort() 用法:返回排序后的新數組。

????3)Math對象

Math對象即算術對象,提供常用的數學常量和數學函數。

例如:E 返回2.718281828...,PI返回3.1415926535...,abs(x) 返回 x 的絕對值,max(a, b) 返回 a, b 中較大的數,random() 返回大于 0 小于 1 的一個隨機數等等。

4)Date對象

Date對象即日期對象,可以儲存任意一個日期,從 0001 年到 9999 年,并且可以精確到毫秒數(1/1000 秒)。Date對象有許多方法來設置、提取和操作時間,類似于Java。

6.文檔對象

文檔對象是指在網頁文檔里劃分出來的對象,在 JavaScript中文檔對象主要有:window、document、location、navigator、screen、history 等。

1)navigator對象

navigator對象即瀏覽器對象,包含了當前使用的瀏覽器的版本信息。

(1)appName屬性返回瀏覽器的名字。

(2)appVersion屬性返回瀏覽器的版本。

(3)platform屬性返回瀏覽器的操作系統平臺。

(4)javaEnabled屬性返回一個布爾值代表當前瀏覽器是否允許使用Java。

【例6-21】navigator對象使用(navigator.html)

<html>

??<head>

????<title>navigator對象使用</title>

????<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

????<script language="JavaScript">

????????document.write("瀏覽器是:" + navigator.appName+"<br>");

????????document.write("瀏覽器的版本是:" + navigator.appVersion+"<br>");

????????document.write("瀏覽器所處操作系統是:" + navigator.platform+"<br>");

????????if (document.javaEnabled==true)

????????????document.write("你的瀏覽器允許使用Java");

????????else

????????????document.write("你的瀏覽器不允許使用Java");

????</script>

??</head>

??<body>

??</body>

</html>

運行結果如圖6-32所示。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 圖6-32 ?navigator對象使用

2)screen對象

screen對象即屏幕對象,包含了當前用戶的屏幕設置信息。

(1)width屬性返回屏幕的寬度,單位為像素。

(2)height屬性返回屏幕的高度,單位為像素。

(3)colorDepth屬性保存當前顏色設置,取值可為:-1(黑白)、8(256色)、16(增強色)、24/32(真彩色)。

3)window對象

window對象即窗口對象,它是所有對象的“父”對象,可以在JavaScript應用程序中創建多個窗口,而一個框架頁面也是一個窗口。

(1)open(參數表):該方法用來創建一個新的窗口,其中參數表提供有窗口的尺寸、內容以及是否有按鈕條、地址框等屬性。  

(2)close():該方法用來關閉一個窗口。其中,window.close()或self.close()用來關閉當前窗口;窗口對象名.close()用來關閉指定的窗口。?

(3)alert(字符串):該方法彈出一個只包含“確定”按鈕的對話框,并顯示“字符串”的內容,同時整個文檔的讀取和Script 的運行暫停,直到用戶按下“確定”。

(4)confirm(字符串):該方法彈出一個包含“確定”和“取消”按鈕的對話框,并顯示“字符串”的內容,同時整個文檔的讀取和Script 的運行暫停,等待用戶的選擇。如果用戶按下“確定”,則返回 true ,如果按下“取消”,則返回 false。

(5)prompt(字符串[, 初始值]):該方法彈出一個包含“確認”、“取消”按鈕和一個文本框的對話框,并顯示“字符串”的內容,要求用戶在文本框輸入數據,同時整個文檔的讀取和Script 的運行暫停。如果用戶按下“確認”,則返回文本框里已有的內容,如果用戶按下“取消”,則返回 null 值。如果指定“初始值”,則文本框里將用初始值作為默認值。

(6)blur()和focus():使窗口失去或得到焦點。

(7)scrollTo?(x, y):該方法使窗口滾動到指定的坐標。

【例6-22】window對象使用(window.html)

<html>

??<head>

????<title>window對象使用</title>

????<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

????<script language="JavaScript">

????alert("window對象使用");

????</script>

???</head>

</html>

運行結果如圖6-33所示。

?

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 圖6-33 ?window對象使用

4)history對象

history對象即歷史對象,包含瀏覽器的瀏覽歷史。其length屬性返回歷史記錄的項數。

5)location對象

location對象即地址對象,它描述的是某一個窗口對象所打開頁面的URL地址信息。

(1)protocol屬性:返回地址的協議,取值為“http”、“https”、“file”等。

(2)hostname屬性:返回地址的主機名。

(3)reload()方法:強制窗口重載當前文檔。

(4)replace()方法:從當前歷史記錄裝載指定的URL。

6)document對象

document對象即文檔對象,它描述當前窗口或指定窗口對象從<head>到</body>的文檔信息。

(1)open() :打開文檔。

(2)write()/ writeln(): 向文檔寫入數據。writeln() 在寫入數據以后換行。

(3)clear():清空當前文檔。

(4)close():關閉文檔,停止寫入數據。

四、JavaScript事件

用戶與網頁交互時產生的動作,稱為事件。事件可以由用戶引發,例如,用戶單擊鼠標按鈕引發click事件;事件也可以由頁面自身引發。事件引發后所執行的程序或函數稱為事件處理程序,指定事件的處理程序的一般方法是直接在HTML標簽中指明函數名或程序,格式如下:

<標簽 …… 事件="事件處理程序" [事件="事件處理程序" ...]>

例如:

<body …… οnlοad="alert('歡迎?!')" οnunlοad="alert('bye?!')">

該例在文檔讀取完畢時彈出一個對話框,對話框里寫著“歡迎!”;在用戶關閉窗口或訪問另一個頁面時彈出“bye!”。

經常引發的事件如下所示。

(1)onfocus事件:窗口獲得焦點時引發,應用于window 對象。

(2)onload事件:文檔全部載入時引發,應用于window 對象,寫在<body>標簽中。

(3)onmousedown事件:鼠標在對象上按下時引發,應用于Button 對象、Link 對象。

(4)onmouseout事件:鼠標離開對象時引發,應用于Link 對象。

(5)onmouseover事件:鼠標進入對象時引發,應用于Link 對象。

(6)onmouseup事件:鼠標在對象上按下后彈起時引發,應用于Button 對象、Link 對象。

(7)onreset事件:“重置”按鈕被單擊時引發,應用于Form 對象。

(8)onresize事件:窗口被調整大小時引發,應用于window 對象。

(9)onsubmit事件:“提交”按鈕被單擊時引發,應用于Form 對象。

? ?(10)onunload事件:卸載文檔時引發,應用于window 對象,寫在<body>標簽中


閱讀目錄(置頂)(長期更新計算機領域知識)https://blog.csdn.net/weixin_43392489/article/details/102380691

閱讀目錄(置頂)(長期更新計算機領域知識)https://blog.csdn.net/weixin_43392489/article/details/102380882

總結

以上是生活随笔為你收集整理的第十三期:你所了解的javascript?的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。