Time of Update: 2017-01-18
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]JavaScript物件導向的兩種書寫方法以及差別http://www.jb51.net/article/13211.htmJavaScript 物件導向入門精簡篇http://www.jb51.net/article/17541.htm
Time of Update: 2017-01-18
在Javascript中構建一個類有好幾種方法: 1.Factory 方式 複製代碼 代碼如下: function createCar(){ var car = new Object(); car.color=”b”; car.length=1; car.run=function(){alert(”run”);} return car; } 定義這麼一個函數之後,就可以用: var car1 = createCar(); var car2 = createCar();
Time of Update: 2017-01-18
、dojo.js的寫類方式 dojo最新是1.3.1了,記得07年時還是0.4。文檔也漸漸多了起來,用dojo的也慢慢多了。dojo還發布了core版,壓縮後只有27kb。dojo中用dojo.declare方法來定義一個類。dojo.declare的源碼就不貼在這裡了。dojo.declare有三個參數, 參數1:類名className 參數2:繼承的類superclass 參數3:構造器,方法props
Time of Update: 2017-01-18
6、Prototype.js的寫類方式 複製代碼 代碼如下://prototype.js中的代碼 var Class = { create: function() { return function() { this.initialize.apply(this, arguments); } } } //簡化後的 function Clazz() { return function(){ this.initialize.apply(this,arguments); } } 如下步驟寫一個類,
Time of Update: 2017-01-18
取前面兩種的優點: a、用建構函式來定義類屬性(欄位) b、用原型方式來定義類的方法。 就有了第三種方式。這種方式貌似採用的人較多。 3、綜合建構函式/原型 複製代碼 代碼如下: /** * Person類:定義一個人,有個屬性name,和一個getName方法 * @param {String} name */ function Person(name) { this.name = name; } Person.prototype.getName = function() { return
Time of Update: 2017-01-18
第一種:使用this關鍵字 function Class1() { this.onclick = function(e) { for (var i=0; i < 1000; i++)
Time of Update: 2017-01-18
具體功能運行後看效果 添加f1添加f2添加f3 移除f1移除f2移除f3 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行] [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]順便貼上winter以前寫的東西 winte有空的時候快來幫我加點注釋 我加不動了…… [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]一個功能更強大的 建立網頁 1 click on me [Ctrl+A 全選
Time of Update: 2017-01-18
複製代碼 代碼如下:Ext.state.CookieProvider = function(config){ Ext.state.CookieProvider.superclass.constructor.call(this); this.path = "/"; this.expires = new Date(new Date().getTime()+(1000*60*60*24*7)); //7 days this.domain = null; this.secure = false;
Time of Update: 2017-01-18
傳統的HTML頁面中連動下拉框採用了兩種方法:1)直接將下拉框中的內容hardcode於html的javascript中,調用javascript函數迴圈寫入下拉框中。這種方法不適用於下拉框內容經常改變的情況。因為資料來源和javascript程式寫死在同一頁面。<html><head><title>List</title><meta http-equiv="Content-Type" content="text/html; charset=
Time of Update: 2017-01-18
今天開發中涉及到對一個層的資訊控制,就是控制一個層中顯示什麼資訊,尋找資料才知道使用innerHTML 屬性來控制層的值,這個innerHTML跟表單裡面的value屬性有點類似,能夠控制層的顯示值。比如說我一個div層裡本來沒有值,我處罰一個事件後要顯示值,那麼就能夠使用innerHTML 屬性了,其實innerHTML
Time of Update: 2017-01-18
表格部分代碼如下: <table id="testTbl" border=1><tr id="tr1"><td width=6%><input type=checkbox id="box1"></td><td id="b">第一行</td></tr><tr id="tr2"><td width=6%><input type=checkbox
Time of Update: 2017-01-18
前言Regex是javascript非常重要和常用的功能,在jquery等大型架構中用的非常頻繁,最近抽時間學習瞭解了相關知識,記錄下來與需要的朋友分享。思維導圖RegExp(Regex)的建立方式可以通過兩種方式建立一個RegExp,具體如下:通過/…./的方式來建立Regex(注意: /……/兩邊是沒有單引號或雙引號的)通過RegExp構造方法來建立一Regex為了更好的描述模式,Regex提供了3個標識,分別是: g/i/mg: 全域匹配:在整個字串中匹配,而不是在第一次匹配後之後停止i:
Time of Update: 2017-01-18
第一種類型就是前面所說的私人類型,它的特點是對外界完全不具備訪問性,要訪問它們,只有通過特定的getter和setter。 第二種類型是動態公有類型,它的特點是外界可以訪問,而且每個對象執行個體持有一個副本,它們之間不會相互影響。 第三種類型是靜態公有類型,或者通常叫做原型屬性,它的特點是每個對象執行個體共用唯一副本,對它的改寫會相互影響。 第四種類型是類屬性,它的特點是作為類型的屬性而不是對象執行個體的屬性,在沒有構造對象時也能夠訪問,下面通過例子說明這四種屬性類型各自的特點和區別:
Time of Update: 2017-01-18
學過java,c#,vb的都知道類的概念,而類具有繼承、封裝、多態等功能。而javascript它不是物件導向語言,它是解釋性語言。 但我們同樣可以使用javascript來實現繼承、多態。 javascript實作類別,有多種方法。 方法一:構造方法。 代碼 複製代碼 代碼如下: function coder(){ this.name = '小王'; this.job = '程式員'; this.coding = function () { alert('我正在寫代碼'); } } var
Time of Update: 2017-01-18
感歎是為了緩解嚴肅的氣氛並引出今天要講的話題,”javascript物件導向編程”,接下來,我們圍繞物件導向的幾大關鍵字:封裝,繼承,多態,展開。 封裝:javascript中建立對象的模式中,個人認為通過閉包才算的上是真正意義上的封裝,所以首先我們先來簡單介紹一下閉包,看下面這個例子: 複製代碼 代碼如下: <script type="text/javascript">// <![CDATA[ function myInfo(){ var name ="老魚",age =27
Time of Update: 2017-01-18
constructor屬性始終指向建立當前對象的建構函式。比如下面例子:比如下面例子: 複製代碼 代碼如下: // 等價於 var foo = new Array(1, 56, 34, 12); var arr = [1, 56, 34, 12]; console.log(arr.constructor === Array); // true // 等價於 var foo = new Function(); var Foo = function() { };
Time of Update: 2017-01-18
說到js的物件導向,就不得不提到prototype這個js內建屬性了(注意:這裡的prototype可不是prototype.js),它的作用就是可以動態向一個對象(object)添加某種屬性。我現在要做的就是儘可能的讓代碼達到公用,像繼承啦之類的。好了,這些就不多說了,對prototype不瞭解的可以搜尋下相關內容。
Time of Update: 2017-01-18
去掉首位空格複製代碼 代碼如下:str=str.replace(/^\s+|\s+$/g,'');jsRegex刪除字串前後空格String.prototype.trim=function(){var reSpace=/^\s*(.*?)\s*$/;return this.replace(reSpace,”$1″);};讓我們分析一下第二行的Regex^
Time of Update: 2017-01-18
複製代碼 代碼如下:<%@ page contentType="text/html; charset=gb2312" language="java"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta
Time of Update: 2017-01-18
今天總算把部門多選的效果整出來 見圖: 先共用核心代碼: 1:js指令碼 複製代碼 代碼如下: var treeHTML = ""; var checkList = new Array(); /*only init here*/ var barString = "└";/*┝└*/ var degreeString = " "; function makeTree(id,text,value,parentid,isCheck) { this.id = id; this.text = text;