天天看點

JavaScript簡介-JavaScript入門基礎(001)

今天我們分享關于javascript的内容。

早期的web,内容主要是文本,現在的web則完全不同,它包含了聲音、視訊、動畫、互動導航等元素,在這其中javascript扮演着很重要的角色。

javascript常見功能包括:

1、以指定尺寸、位置和樣式打開新窗體;

2、提供使用者友好的導航幫助,如下拉菜單等;

3、檢驗web表單輸入的資料,以保證向伺服器送出的資料是有效的格式;

4、在事件發生時,改變頁面元素的外觀與行為;

5、檢測和發現特定浏覽器支援的進階功能,比如第三方插件的支援。

由于javascript代碼隻在使用者浏覽器内部運作,頁面對指令做出的相應快速,這樣就增強了使用者的體驗感,仿佛web應用程式是在本地計算機運作的程式。

javascript起源:

20世紀90年代,首先是netscape navigator 2 引入了1.0版本。

随後,歐洲計算機制造商協會ecma開始介入,制定了ecmascript規範,進而奠定了javascript的發展基礎。同時呢,微軟也開發了自己版本的javascript,叫做jscript,并在其自己的ie浏覽器上适配。

20世紀90年代後期,netscape navigator 4 和 ie4都宣布對javascript提供更好的支援,但是兩組開發人員卻走上了不同的道路,他們分别給javascript語言本身和web頁面的互動,定義了自己的規範,進而導緻了開發者的混亂,開發人員在開發代碼時總是需要編寫更多的代碼來适應兩種規範。

後期,經過網際網絡聯盟w3c的努力,通過dom規範了浏覽器制造商對頁面互動方式的定義和操作。(網際網絡聯盟w3c,全稱是 world wide web consortium,是一個國際組織,緻力于指定開放标準來支撐網際網路的發展。)

<script>标簽:

在html裡使用<script>和</script>标簽,來定義javascript的語句。

文法:

javascript是一種解釋性語言,無需編譯,不像c++或java語言,需要編譯才可以運作。javascript指令以純文字的形式發送給浏覽器,然後依次解釋執行。正是由于這個特點,javascript程式便于閱讀,也便于編輯,在本地就可以進行測試。

本次分享的代碼都是符合html5規範的,即在<script>元素中沒有任何必須設定的屬性,但是如果是在html4.01或xhtml頁面中聲明javascript,就需要使用type屬性了。比如

​​​​​​​

但是在早期的頁面開發中,我們還能夠見到屬性language="javascript",這種方式已經被棄用了,除非是需要支援非常古老的浏覽器,否則代碼不必這樣寫的。

在代碼分享過程中,為了便于學習和了解,我會把javascript代碼放在body部分中,但是實際開發中都是在head部分,進行引用的,這個需要大家了解。

dom簡介:

文檔對象模型,英文簡稱document object model,是對文檔及其内容的抽象表示。

每次浏覽器在加載和顯示頁面時,都需要解析頁面的html代碼,在解析過程中,浏覽器建立一個内部模型來表示文檔裡的内容,這個模型就是dom。

在早期,javascript隻能對web頁面的某部分進行基本的通路,是以web開發人員有時把這樣的情形稱為0級dom,以便與w3c的1級dom向下相容。

window和document對象:

在dom裡,頁面的元素具有一個邏輯化、層級化的結構,就像互相關聯的父對象和子對象組成一個樹形結構。這個層級樹的最頂端是浏覽器window對象,它是頁面dom中一切對象的父對象。

window對象包含,document,location,history,navigator。

對象表示法:

在這個樹形結構中,表示父與子的關系,如下:

這個學習過c語言或者c++,java的同學,對這種表示方式很熟悉。

如果需要多層次的表示父子關系,如下:

表示object3,其父對象是object2,而object2,又是object1的子對象。

在hmtl頁面的body部分,如果需要使用dom表示,如下:

需要表示一個對象的屬性或者方法,可以這樣:

簡潔寫法:

window對象始終包含目前浏覽器視窗,是以使用window.document就可以通路文檔,作為簡化表示,就可以直接使用document來通路文檔。

與使用者互動:

在介紹window和document對象之前,我們先介紹兩個非常常用的方法,這個是與使用者互動的最便捷手段。

提示框:

很多時候,我們調試程式時,需要輸出一個變量的值,來觀察程式的正确與否,通常會使用提示框,觀察結果。

同樣可以簡潔寫法:

這裡需要注意一點,要顯示的文本必須位于引号之中。引号可以是雙引号,也可以是單引号。

頁面輸出:

這個方法的功能是,直接向頁面輸出html文檔内容的。

JavaScript簡介-JavaScript入門基礎(001)

繼續閱讀