原创 閉包的一則面試題

  <ul id="test">          <li>這是第一條</li>          <li>這是第二條</li>          <li>這是第三條</li>     </ul>   點擊每條li節點,彈出單籤li節點的下

原创 JavaScript的DOM操作表格及樣式

DOM 在操作生成HTML 上,還是比較簡明的。不過,由於瀏覽器總是存在兼容和陷阱, 導致最終的操作就不是那麼簡單方便了。本章主要了解一下DOM 操作表格和樣式的一些知 識。 一.操作表格 <table>標籤是HTML 中結構最爲複

原创 JavaScript的事件入門

 JavaScript 事件是由訪問Web 頁面的用戶引起的一系列操作,例如:用戶點擊。當用戶 執行某些操作的時候,再去執行一系列代碼。   一.事件介紹 事件一般是用於瀏覽器和用戶操作進行交互。最早是IE 和Netscape Naviga

原创 JavaScript中DOM基礎

DOM(Document Object Model)即文檔對象模型,針對HTML 和XML 文檔的API(應 用程序接口)。DOM 描繪了一個層次化的節點樹,運行開發人員添加、移除和修改頁面的 某一部分。DOM 脫胎於Netscape

原创 JavaScript的事件對象

JavaScript 事件的一個重要方面是它們擁有一些相對一致的特點,可以給你的開發提供 更多的強大功能。最方便和強大的就是事件對象,他們可以幫你處理鼠標事件和鍵盤敲擊方 面的情況,此外還可以修改一般事件的捕獲/冒泡流的函數。 一.

原创 Javascript面向對象編程(二):構造函數的繼承

這個系列的第一部分,主要介紹瞭如何"封裝"數據和方法,以及如何從原型對象生成實例。 今天要介紹的是,對象之間的"繼承"的五種方法。 比如,現在有一個"動物"對象的構造函數。 function Animal(){    this.specie

原创 JavaScript的DOM元素尺寸和位置

本章,我們主要討論一下頁面中的某一個元素它的各種大小和各種位置的計算方式,以 便更好的理解。 一.獲取元素 CSS大小 1.通過style 內聯獲取元素的大小 var box = document.getElementById('bo

原创 我的友情鏈接

51CTO博客開發

原创 JavaScript的事件綁定及深入

事件綁定分爲兩種:一種是傳統事件綁定(內聯模型,腳本模型),一種是現代事件綁定 (DOM2 級模型)。現代事件綁定在傳統綁定上提供了更強大更方便的功能。 一.傳統事件綁定的問題 傳統事件綁定有內聯模型和腳本模型,內聯模型我們不做討論,

原创 JavaScript的DOM進階

DOM 自身存在很多類型,在DOM 基礎課程中大部分都有所接觸,比如Element 類型: 表示的是元素節點,再比如Text 類型:表示的是文本節點。DOM 也提供了一些擴展功能。 一.DOM類型 DOM 基礎課程中,我們瞭解了DOM

原创 Firebug入門指南

作者: 阮一峯 日期: 2008年6月 8日 據說,對於網頁開發人員來說,Firebug是Firefox瀏覽器中最好的插件之一。 我最近就在學習怎麼使用Firebug,網上找到一篇針對初學者的教程,感覺比較有用,就翻譯了出來。 ===

原创 JavaScript的動態加載腳本和樣式

本章主要講解上一章剩餘的獲取位置的DOM 方法、動態加載腳本和樣式。 一.元素位置 上一章已經通過幾組屬性可以獲取元素所需的位置,那麼這節課補充一個DOM 的方 法:getBoundingClientRect()。這個方法返回一個矩形

原创 Firebug控制檯詳解

作者: 阮一峯 日期: 2011年3月26日 Firebug是網頁開發的利器,能夠極大地提升工作效率。 但是,它不太容易上手。我曾經翻譯過一篇《Firebug入門指南》,介紹了一些基本用法。今天,繼續介紹它的高級用法。 ========

原创 JavaScript的瀏覽器檢測

 由於每個瀏覽器都具有自己獨到的擴展,所以在開發階段來判斷瀏覽器是一個非常重要 的步驟。雖然瀏覽器開發商在公共接口方面投入了很多精力,努力的去支持最常用的公共功 能;但在現實中,瀏覽器之間的差異,以及不同瀏覽器的“怪癖”卻是非常多的,因此客

原创 Javascript的BOM 1

BOM 也叫瀏覽器對象模型,它提供了很多對象,用於訪問瀏覽器的功能。BOM 缺少規範,每個瀏覽器提供商又按照自己想法去擴展它,那麼瀏覽器共有對象就成了事實的標準。所以,BOM 本身是沒有標準的或者還沒有哪個組織去標準它。 一.window