JavaScript

前言 Bob大叔提出並發揚了S.O.L.I.D五大原則，用來更好地進行物件導向編程，五大原則分別是： The Single Responsibility Principle（單一職責SRP） The Open/Closed Principle（開閉原則OCP） The Liskov Substitution Principle（裡氏替換原則LSP） The Interface Segregation Principle（介面分離原則ISP） The Dependency Inversion

我們將使用建構函式模式將原廠模式進行改寫。 複製代碼 代碼如下: function Employee(name, age, job) { this.name = name; this.age = age; this.job = job; this.sayName = function () { alert(this.name); }; } var Jim = new Employee("jim", 22, "SoftWare Engineer"); var Sun = new Employee(

所謂的Ajax.這裡我們講二種方法 方法一:(微軟有內建Ajax架構) 在Asp.net裡微軟有自己的Ajax架構.就是在頁面後台.cs檔案裡引入 using System.Web.Services 空間 然後定義靜態方法(方法前加上 [WebMethod]) [WebMethod] public static string ABC(string ABC) { return ABC; }

情況1：eval裡沒有function，直接執行： eval("alert('ss');");//所有瀏覽器正確均輸出 情況2：eval裡有function，function立即執行： eval("(function(){alert('ss');})();");//所有瀏覽器正確輸出 情況3：eval裡有function，使用變數儲存function引用並調用該function： var f=eval("(function(){alert('ss');})");

js部分是這樣的: 複製代碼 代碼如下: //**********************圖片上傳預覽外掛程式************************ //作者：IDDQD(2009-07-01) //Email：iddqd5376@163.com //http://blog.sina.com.cn/iddqd //版本：1.0 //說明：圖片上傳預覽外掛程式 //上傳的時候可以產生固定寬高範圍內的等比例縮放圖 //參數設定： //width 存放圖片固定大小容器的寬 //height

1. jQuery – Javascript FrameworkjQuery 是最流行的 JavaScript 架構，它簡化了HTML 文檔遍曆、事件處理、動畫和Ajax互動。2. Dojo Javascript FrameworkDojo強大的核心使Web開發更加敏捷，它擁有出色的UI工具庫，號稱 Unbeatable JavaScript Tools。3. Sencha Ext JS4

第一種方法:Loading.js 複製代碼 代碼如下: //頻率 var frequency = 50; //步長 var step = 3; //背景顏色 var loadingBgcolor = "#ffffff"; //寬度 var loadingWidth = 354; /* *參數說明: *content：顯示內容，可以為空白； *imageURL：將引用JS檔案的路徑設定即可； *left：進度條顯示位置left *top：進度條顯示位置top */ function

在SharePoint2010裡有了很好的解決方案（詳見拙文SharePoint用戶端編程系列http://www.jb51.net/article/27198.htm），但是在SharePoint2007裡就沒那麼好用，具體問題具體分析，本文要解決的是如何在JavaScript裡通過WebService訪問SharePoint資料的問題。 首先需要從此處（http://darrenjohnstone.net/download/12）下載JavaScript

隨著近幾年來 JavaScript 的應用日漸廣泛, 滑動效果無處不在, 於是我也跟跟風, 將置頂功能做成了滑動效果. 後來為了更貼合物理特徵, 改造做成了減速的滑動效果. 首先說一下原理吧. 我們會擷取捲軸到頁面頂部的距離, 然後上移一定的距離; 再擷取捲軸到頁面頂部的距離, 上移一定的距離 (比上一次小一點); ... JavaScript 代碼: 複製代碼 代碼如下: /** * 回到頁面頂部 * @param acceleration 加速度 * @param time 時間間隔

jQuery 1.3.2 簡單實現select二級聯動 複製代碼 代碼如下: <!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> <meta http-equiv=

值得一提的是，當下Web開發人員們追捧的 Node.js 使得 JavaScript 能夠在更多環境下運行，甚至是網站的伺服器端，使得這門語言再次受到大家的關注。今天，本文與大家分享25個好玩的 JavaScript 小遊戲，感受一下 JavaScript 的魅力。Bunny HuntTraviansAjax Chinese ChessDigg AttackInvaders From MarsSolitaireCard GamesJetris – JavaScript

複製代碼 代碼如下: ///<reference path="query-1.5.1.min.js" /> (function($) { /*監控頁面資料是否發生變化*/ var pageDataChange = false; var tagName = "Input, Select, Textarea"; var ctrlIds = []; $.fn.MonitorDataChange = function(options) { var deafult = { arrTags:

在沒有看到這篇 文章之前，我一直不知道原來bind也可以有命名空間。事實上，我看完這篇文章後，再去翻了一下手冊，也才發現了一點點的注釋。但手冊也僅僅是一句話就帶 過去了。沒有過多的深究，或許他認為命名空間這玩意很簡單，沒有必要多解釋？ 先看手冊，由於bind方法有三個參數(type,[data],fn)，所以手冊上這麼介紹: .bind() 方法是用於往文檔上附加行為的主要方式。所有JavaScript事件對象， 比如focus, mouseover, 和

W3C DOM-Level-2 定義如下 W3C DOM 寫道During mouse events caused by the depression or release of a mouse button, button is used to indicate which mouse button changed state. The values for button range from zero to indicate the left button of the mouse,

一、對象鏈：方法體內返回對象執行個體自身(this) 複製代碼 代碼如下: function ClassA(){ this.prop1 = null; this.prop2 = null; this.prop3 = null; } ClassA.prototype = { method1 : function(p1){ this.prop1 = p1; return this; }, method2 : function(p2){ this.prop2 = p2; return this; },

html結構如下： 複製代碼 代碼如下: <html> <head> <title>為body添加click事件</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script type="text/javascript" src="jquery-1.5.2.js"></script>

在jquery1.5.1根據ID來擷取對象返回的是對應數組，想不通怪不得使用document.getElementById(""ID名"")可以取到單一的對象，使用$("#ID名")卻不行，悲劇呀。 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

1，使用js檔案使IE支援png圖片透明效果。 pngfix.js： 複製代碼 代碼如下: var arVersion = navigator.appVersion.split("MSIE") var version = parseFloat(arVersion[1]) function fixPNG(myImage) { if ((version >= 5.5) && (version < 7) && (document.body.filters)) { var imgID = (

複製代碼 代碼如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>iframe的onload在Chrome/Opera中執行兩次</title> </head> <body> <script> var ifr = document.createElement('iframe'); ifr.onload =

複製代碼 代碼如下: var a = parseInt("09"), b = Number("09"); 很多人會認為a和b的值都是數字9，但實際上不是。 parseInt的主要作用是把字串轉換為整數，或者把小數轉換為整數。一般情況下，我們只用到它的第一個參數。但實際上，它有兩個參數： parseInt(string, radix) parseInt會根據radix指定的進位進行轉換，比如： 複製代碼 代碼如下: alert(parseInt("10", 2)); // outputs '2'