AJAX基礎之JavaScript基礎與加強(一)

1、什麼是JavaScripthtml

  JavaScript是一種基於對象(Object)和事件驅動(Event Driven)並具備安全性能的腳本語言。使用它的目的是與HTML超文本標記語言、Java 腳本語言(Java小程序)一塊兒實如今一個Web頁面中連接多個對象,與Web客戶交互做用。從而能夠開發客戶端的應用程序等。它是經過嵌入或調入在標準的HTML語言中實現的。它的出現彌補了HTML語言的缺陷,它是Java與HTML折衷的選擇。編程

2、JavaScript和Java的區別小程序

  雖然JavaScript與Java有緊密的聯繫,但倒是兩個公司開發的不一樣的兩個產品。Java是SUN公司推出的新一代面向對象的程序設計語言,特別適合於Internet應用程序開發;而JavaScript是Netscape公司的產品,其目的是爲了擴展Netscape Navigator功能,而開發的一種能夠嵌入Web頁面中的基於對象和事件驅動的解釋性語言,它的前身是Live Script;而Java的前身是Oak語言。數組

3、編寫第一個JavaScript程序瀏覽器

  下面咱們經過一個例子,編寫第一個JavaScript程序。經過它可說明JavaScript的腳本是怎樣被嵌入到HTML文檔中的。安全

test1.html文檔:性能

<html>this

<head>設計

<Script Language ="JavaScript">orm

alert("hello world");

</Script> 

</Head>

</Html>

4、各類對象

  

  窗口對象(Windows)

    Window對象處於對象層次的最頂端,它提供了處理Navigator窗口的方法和屬性。

  文檔對象(Document)

    document對象包含了與文檔元素(elements)一塊兒工做的對象,它將這些元素封裝起來供編程人員使用。

  編程人員利用這些對象,能夠對WWW瀏覽器環境中的事件進行控制並做出處理。在JavaScript中提供了很是豐富的內部方法和屬性,從而減輕了編程人員的工做,提升編程效率。這正是基於對象與面向對象的根本區別所在。在這些對象系統中,文檔對象屬於很是重要的,它位於最低層,但對於咱們實現Web頁面信息交互起做關鍵做用。於是它是對象系統的核心部分。

 

5、對象功能及其做用

1、document中三個主要的對象

在document中主要有:links,anchor,form等三個最重要的對象:

(1)anchor錨對象:

anchor對象指的是<A Name=...> </A>標識在HTML源碼中存在時產生的對象。它包含着文檔中全部的anchors信息。

(2)連接links對象

  link對象指的是用<A Href=...> </A>標記的鏈接一個超文本或超媒體的元素做爲一個特定的URL。

(3)窗體(Form)對象

  窗體對象是文檔對象的一個元素,它含有多種格式的對象儲存信息,使用它能夠在JavaScript腳本中編寫程序進行文字輸入,並能夠用來動態改變文檔的行爲。經過document. Forms[]數組來使得在同一個頁面上能夠有多個相同的窗體,使用forms[]數組要比使用窗體名字要方便得多。

例:下面就是一個使用窗體數組和窗體名字的例子。該程序使得兩個窗體中的字段內容保持一致。

Test6_1.htm

<Html>

<head>

</head>

<body>

<form >

<input type=text onChange="document.my.elements[0].value=this.value;" >

</form>

<form NAME="my">

<input type=text onChange="document.forms[0].elements[0].value=this.value;">

</form>

</body>

</html>

  其中用了OnChnge事件(當窗體內容改變時激發)。第一個使用窗體名字標識my,第二個使用窗體數組Forms[]。其效果是一致。

 

2、文檔對象中的attribute屬性

  document對象中的attribute屬性,主要用於在引用Href標識時,控制着有關顏色的格式和有關文檔標題、文檔原文件的URL以及文檔最後更新的日期。這部分元素的主要含義以下:

(1)連接顏色:alinkcolor

這個元素主要用於,當選取一個連接時,連接對象自己的顏色就按alinkcolo r指定改變。

(2)連接顏色:linkcolor

當用戶使用<A Href=...> Text string </A>連接後,Textstring的顏色就會按Linkcolor所指定的顏色更新。

(3)瀏覽事後的顏色:VlinkColor

該屬性表示的是已被瀏覽存儲爲已瀏覽過的連接顏色。

(4)背景顏色:bgcolor

該元素包含文檔背景的顏色。

(5)前景顏色:Fgcolor

該元素包含HTML文檔中文本的前景顏色。

相關文章
相關標籤/搜索