JavaScript

1、簡單樣本如下： switch用例 複製代碼 代碼如下: var caseContent = '';//條件判斷後處理內容 var caseValue = 5 ;//條件判斷值 switch(caseValue){ case 0: caseContent = "鞋子"; break; case 1: caseContent = "褲子"; break; case 2: caseContent = "外套"; break; ... ... case 5: caseContent = "帽子";

該介面提供了 'addEventListener' 和 'removeEventListener' 方法，用來綁定或解除綁定一個 EventListeners 介面到一個 EventTarget。 DOM 2 Events 中定義了 Event 介面，用來提供事件的上下文資訊，它提供了若干標準屬性和方法。 實現 Event 介面的對象一般作為第一個參數傳入事件處理函數，以用來提供當前事件相關的一些資訊。 事件註冊 根據 DOM 2 Events 中描述，節點使用

原理很簡單,通過本機存放區機制(userData或者localStorage),儲存表單中元素的狀態到本地. 需要時可以把所儲存的狀態還原到表單元素上.其中也用了json資料格式, 之前想對外掛程式中所需的功能,從零開始寫,但是覺得太冗餘,沒必要.就基於另外2個plugin現實.分別是:jquery.json 和 jStorage. 這兩個外掛程式本身實用小巧, api簡單易用,

與動態指令碼類似，所謂動態樣式是指在頁面剛載入時不存在的樣式；動態樣式是在頁面載入完成後動態添加到頁面中。 我們以下面這個典型的<link>元素為例： <link rel="stylesheet" type="text/css" href="style.css">使用DOM代碼可以很容易的動態建立出這個元素： 複製代碼 代碼如下: var link = document.createElement("link"); link.rel = "stylesheet";

本文將簡單介紹JavaScript中一些常用對象的屬性和方法，以及幾個有用的系統函數。　　一、串方法　　JavaScript有強大的串處理功能，有了這些串方法，才能編寫出豐富多彩的網頁。在這一部分裡，我們將介紹到如何使用與串對象有關的方法和屬性。　　1.串對象的length屬性　　串對象僅有一個屬性length，這個屬性值表示這個串所包括字元的相對數目。文法為:

1、charCodeAt方法返回一個整數，代表指定位置字元的Unicode編碼。 strObj.charCodeAt(index) 說明： index將被處理字元的從零開始計數的編號。有效值為0到字串長度減1的數字。 如果指定位置沒有字元，將返回NaN。 例如： var str = "ABC"; str.charCodeAt(0); 結果：65 2、fromCharCode方法從一些Unicode字串中返回一個字串。 String.fromCharCode([code1[,code2...]])

前面each方法中掉了一個方面沒有說，就是源碼中的$break和$continue。這兩個變數是預定義的，其作用相當於普通迴圈裡面的break和continue語句的作用。出於效率的考慮，在某些操作中並不需要完全遍曆一個集合（不局限於一個數組），所以break和continue還是很必要的。 對於一個迴圈來說，對比下面幾種退出迴圈的方式： 複製代碼 代碼如下: var array_1 = [1,2,3]; var array_2 = ['a','b','c']; (function(){

一、判斷文本是否為空白 複製代碼 代碼如下: var jqObj = $(this); if(jqObj.text().trim()){ //trim()方法是去空格，$.trim()函數刪除提供字串的所有分行符號,空格（包括非中斷空格），開始和結束tab。如果這些空白字元在字串中間發生時，它們將被保留。 jqObj.hide(); } 二、判斷這個標籤下是否有某個已知的元素，比如判斷ul標籤下是否有li元素 複製代碼 代碼如下: var jqObj = $(this); if(!jqObj.

要實現該效果，首先要先瞭解以下幾點基礎知識： 表單滾動事件：$(window).scroll(function(){...}); 擷取表單滾動距離：$(window).scrollTop(); 擷取表單高度：$(window).height(); 瞭解以上內容就可以實現通過hyperlink控制項實現返回頂部的效果了。 1.準備介面結構代碼： 複製代碼 代碼如下: <form id="form1" runat="server"> <div>

前言 大家學JavaScript的時候，經常遇到自執行匿名函數的代碼，今天我們主要就來想想說一下自執行。 在詳細瞭解這個之前，我們來談瞭解一下“自執行”這個叫法，本文對這個功能的叫法也不一定完全對，主要是看個人如何理解，因為有的人說立即調用，有的人說自動執行，所以你完全可以按照你自己的理解來取一個名字，不過我聽很多人都叫它為“自執行”，但作者後面說了很多，來說服大家稱呼為“立即調用的函數運算式”。

今天收到個需求： 1，給一個文字，對輸出的文字進行截取，保留400個字元 2，截取內容最後如果是url，保留完整url地址 3，添加省略符號...... ---- 其中對url的保留比較麻煩，尤其是有兩個相同url時不能採用indexOf擷取其字元位置。 處理結果： 相關代碼： 複製代碼 代碼如下: String.prototype.sizeAt = function(){ var nLen = 0; for(var i = 0, end = this.length; i<end; i++

HTML處理stripTags  | escapeHTML |  unescapeHTML  JSON處理unfilterJSON |  isJSON |  evalJSON |  parseJSON指令碼處理stripScripts |  extractScripts  |&n

前言 本章我們要講解的是S.O.L.I.D五大原則JavaScript語言實現的第3篇，裡氏替換原則LSP（The Liskov Substitution Principle ）。 英文原文：http://freshbrewedcode.com/derekgreer/2011/12/31/solid-javascript-the-liskov-substitution-principle/ 複製代碼 開閉原則的描述是： Subtypes must be substitutable for

本例以顏色為例，為使用者提供自動提示，展示效果和運行結果 1、建立架構結構： 複製代碼 代碼如下: <body> <form method="post" name="myForm1"> Color: <input type="text" name="colors" id="colors" onkeyup="findColors();" /> </form> <div id="popup"> <ul

最近用javascript寫了一個簡單的計算機，自己測試感覺還好，先給大家觀賞下介面：介面就是這樣了，但是功能如何呢？現在只是個簡單的標準計算機，能進行加減乘除連續運算，以及求餘運算。如果發生被除數為零的錯誤，下面會給出提示，就像這樣：自己不知道寫的怎麼樣，但是對於新手來說，這肯定是一份大餐，裡面可以接觸到的東西不少，可以拿來學習。如果有高手看出裡面的疏漏、錯誤等望不吝賜教，給予指點。下面貼上代碼，希望裡面的注釋足夠多了。js部分： 複製代碼 代碼如下: var

一、一元運算子 1、delete 運算子：刪除對以前定義的對象屬性或方法的引用。例如： var o=new Object; o.name="superman"; alert(o.name); //輸出 "superman" delete o.name; alert(o.name); //輸出 "undefined" 刪除了name屬性，將其設定為undefined(即建立的未初始化的變數的值)。delete不能刪除開發人員未定義(即ECMAScript定義)的屬性和方法。

擷取最新代碼 可以到http://ligerui.googlecode.com下載最新代碼。 簡介 jQuery LigerUI 是基於jQuery的一系列UI控制群組合，簡單而又強大，致力於快速打造Web前端介面解決方案。 因為是前端控制項，跟伺服器無關，可以適合.net,jsp,php等等web伺服器環境。目前全部外掛程式的打包壓縮JS只有100K左右,很輕巧。使用外掛程式式的開發模式，以“簡單”為原則的設計，每個外掛程式盡量獨立，並可依賴拓展。 ligerUI是什麼 jQuery

在效能方面考慮了由於連續觸發onscroll事件，頻繁調用回呼函數而產生的效能問題。可以將回呼函數緩衝一段時候後執行，即當這段時間內多次觸發了onscroll事件，但回呼函數只會執行一次。 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta charset="gb2312" /> <title>結合淡入/淡出/減速運動效果實現的返回頂部功能</title> <style>

我今天做的嘗試是，如何更它更像其他的語言一樣的使用繼承機制，多層繼承和更方面的調用父類的構造。 我希望達到的效果： 複製代碼 代碼如下: function A(){ alert('a'); } function B(){ this.$supClass(); alert('b'); } extend(B,A); function C(){ this.$supClass(); alert('c'); } extend(C,B); var c = new C(); alert( c

其中大部分是靠scrollHeight(非W3C標準，由IE引入)，keyup事件來完成。有一種比較有意思的是 通過“鏡像元素(mirror element)”, 和setTimeout輪詢實現。大致的實現思路如下: 把一個單獨的pre元素，通過position:absolute的方式定位於client