JavaScript

標籤： 事件流事件流是描述的從頁面接受事件的順序，當幾個都具有事件的元素層疊在一起的時候，那麼你點擊其中一個元素，並不是只有當前被點擊的元素會觸發事件，而層疊在你點擊範圍的所有元素都會觸發事件。事件流包括兩種模式：冒泡和捕獲。事件冒泡，是從裡往外逐個觸發。事件捕獲，是從外往裡逐個觸發。那麼現代的瀏覽器預設情況下都是冒泡模型，而捕獲模式則是早期的 Netscape 預設情況。而現在的瀏覽器要使用 DOM2 級模型的事件綁定機制才能手動定義事件流模式。<script

標籤：函式宣告式function funname( 參數 ){　　...執行的代碼}聲明式的函數並不會馬上執行，需要我們調用才會執行：funname(); * 分號是用來分隔可執行JavaScript語句，由於函式宣告不是一個可執行語句，所以不以分號結束。 函數運算式var x = function( 參數 ){　　...執行的代碼塊};函數運算式定義的函數，實際上也是一個匿名函數（這個函數沒有名字，直接儲存在變數中） *

標籤：純js實現：    var css = ‘h1 { background: red; }‘, head = document.getElementsByTagName(‘head‘)[0], style = document.createElement(‘style‘); style.type = ‘text/css‘; if(style.styleSheet){

標籤：JS內建函數concat將兩個或多個字元的文本組合起來，返回一個新的字串。var a = "hello";var b = ",world";var c = a.concat(b);alert(c);//c = "hello,world"indexOf返回字串中一個子串第一處出現的索引（從左至右搜尋）。如果沒有匹配項，返回 -1 。var index1 = a.indexOf("l");//index1 = 2var index2 = a.indexOf("l",3);//index2 =

標籤：譯者前言　　原文地址：Memory

標籤：Effective JavaScript:編寫高品質JavaScript代碼的68個有效方法：Item 11:   Get Comfortable with Closures Closures may be an unfamiliar concept to programmers coming from 

標籤：JavaScript 事件的一個重要方面是它們擁有一些相對一致的特點，可以給你的開發提供更多的強大功能。最方便和強大的就是事件對象，他們可以幫你處理滑鼠事件和鍵盤敲擊方面的情況，此外還可以修改一般事件的捕獲/冒泡流的函數。  一、事件處理三部分組成　　對象.事件處理函數=函數。例如：單擊文檔任意處。　　click 表示一個事件類型，單擊。　　onclick 表示一個事件處理函數或綁定對象的屬性(或者叫事件監聽器、接聽程式)。　　document

標籤：jQuery中$(document).ready()的作用類似於傳統JavaScript中的window.onload方法，不過與window.onload方法還是有區別的。1.執行時間window.onload必須等到頁面內包括圖片的所有元素載入完畢後才能執行。$(document).ready()是DOM結構繪製完畢後就執行，不必等到載入完畢。2.編寫個數不同window.onload不能同時編寫多個，如果有多個window.onload方法，只會執行一個

標籤：忘記var的副作用(Side Effects When Forgetting var)隱式全域變數和明確定義的全域變數間有些小的差異，就是通過delete操作符讓變數未定義的能力。 ●通過var建立的全域變數（任何函數之外的程式中建立）是不能被刪除的。●無var建立的隱式全域變數（無視是否在函數中建立）是能被刪除的。 這表明，在技術上，隱式全域變數並不是真正的全域變數，但它們是全域對象的屬性。屬性是可以通過delete操作符刪除的，而變數是不能的：//

標籤：定義表結構1. 通過id遍曆<html><body><table id="tb" border="1"><tr> <td>row1,cell1</td> <td>row1,cell2</td></tr><tr> <td>row2,cell1</td>

標籤：1.Javascript物件導向的概念(1).一切事物皆對象(2).對象具有封裝和繼承特性(3).對象與對象之間使用訊息通訊，各自存在資訊隱藏Javascript是一種基於對象（object-based）的語言，你遇到的所有東西幾乎都是對象。但是，它又不是一種真正的物件導向編程（OOP）語言，因為它的文法中沒有class（類）2.基於類的物件導向和基於原型的物件導向方式比較在基於類的物件導向方式中，對象（object）依靠

標籤：javascript   物件導向   特權方法   私人屬性   <pre name="code" class="javascript">function ClassA() { var value=4; this.getValue= function() {

標籤：      JavaScript作為一個物件導向語言，可以實現繼承是必不可少的，但是由於本身並沒有類的概念（不知道這樣說是否嚴謹，但在js中一切都類皆是對象類比）所以在JavaScript中的繼承也區別於其他的物件導向語言。可能很多初學者知道實現js繼承的方法，但卻對實現繼承的原理一頭霧水。所以，今天我們就來圖解JavaScript繼承。（因為繼承有關於原型相關知識，所以希望大家對原型有一定的瞭解推薦閱讀：理解JavaScript原型  &

標籤：document.getElementByTagName返回的是一個NodeList，這個NodeList和js數組很類似，都可以使用下標讀取，如：array[0]，但他們也有不同，不同在於不能對NodeList進行除讀取之外的操作，如push，pop等。對DOM節點進行nodeType判斷時常使用1代表元素節點，3代表文本節點，9代表文檔節點（文檔根項目，如html），但這樣記憶過於繁瑣，可以使用document.ELEMENT_NODE,document.TEXT_NODE以及docu

CSS3感應滑鼠背景閃爍和圖片縮放效果，css3感應<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS3感應滑鼠的背景閃爍和圖片縮放動態效果&

CSS3實現的立體按鈕，CSS3實現立體按鈕<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

載入音頻Audio，音頻audio        var cameraAudio = new Audio();         cameraAudio.src = 'camera.wav';         // 設定音頻對象的屬性,預先載入視頻   

浮出層的css寫法，完美相容IE6~10，cssie6利用元素間的絕對位置差一像素，使用不同顏色做出浮出層小三角的效果，完美相容各瀏覽器！html部分：<div class="poptip"><span class="poptip-arrow poptip-arrow-top"><em>◆</em><i>◆</i></span><span class="poptip-arrow

使用AngularJS實現表單嚮導的方法，angularjs表單今天我們將使用AngularJs和偉大的UI Router以及Angular ngAnimate module建立一個帶動畫的多步表單。這項技術可以用在你想要簡化使用者操作的大表單上。我們看到這項技術已經應用在了許多的網頁上。比如購物車，註冊表單，入職流程以及許多多步表單，讓使用者更容易線上填寫表單。下面我們將構建它：使用UI Router，它能內嵌狀態，為每個狀態顯示不同的view,我們能讓多步表單變得相當的容易。讓我們言歸正傳，

使用AngularJS實現可伸縮的頁面切換的方法，angularjs頁面切換AngularJS 1.2 通過引入基於純CSS class的切換和動畫，在一個單頁面應用建立頁面到頁面的切換變得更加的容易。只需要使用一個ng-view，讓我們來看一下，一個引入眾多的不同切換的可伸縮方法，以及指定的每個頁面如何切入和切出。示範: http://embed.plnkr.co/PqhvmW/preview首先，標記：  <div class="page-container">