Time of Update: 2018-12-08
以下為建構函式方法建立類:複製代碼 代碼如下:function className (prop_1, prop_2, prop_3) { this.prop1 = prop_1; this.prop2 = prop_2; this.prop3 = prop_3;}有了上面的類,我們就可以為類建立執行個體:複製代碼 代碼如下:var obj_1 = new className(v1, v2, v3)var obj_2 = new className(v1, v2,
Time of Update: 2018-12-08
for迴圈:複製代碼 代碼如下:for(i=start; i<end; i++) {}while迴圈: (注意, 若條件一直為真, 則會進入死迴圈, 瀏覽器就hang掉)複製代碼 代碼如下:while (condition) { //do something; //change condition;}遞迴:使用for迴圈做substring複製代碼 代碼如下:function substring(all, start, end) { for(i=start;
Time of Update: 2018-12-08
如果用原型方式重定義前面例子中的類,它們將變為下列形式:複製代碼 代碼如下:function ClassA() {}ClassA.prototype.color = "blue";ClassA.prototype.sayColor = function () { alert(this.color);};function ClassB() {}ClassB.prototype = new ClassA();原型方式的神奇之處在於最後一行代碼。這裡,把 ClassB 的 prototype
Time of Update: 2018-12-08
1.讓文字框只允許輸入數字,運用asp.net mvc3.0的文字框控制項 複製代碼 代碼如下:@Html.TextBox("txt",null, new {@style="width:300;",onkeypress="return RegValidateIsDigit(event)" }) 可以看到在文字框中註冊了onkeypress事件,當在文字框中輸入一個字元按下鍵盤的時候就會觸發該JavaScript的函數 複製代碼 代碼如下:<script
Time of Update: 2018-12-08
建構函式、原型實現繼承的缺陷首先來分析建構函式和原型鏈兩種實現繼承方式的缺陷:建構函式(對象冒充)的主要問題是必須使用建構函式方式,且無法繼承通過原型定義的方法,這不是最好的選擇。不過如果使用原型鏈,就無法使用帶參數的建構函式了。開發人員如何選擇呢?答案很簡單,兩者都用。建構函式+原型混合方式這種繼承方式使用建構函式定義類,並非使用任何原型。建立類的最好方式是用建構函式定義屬性,用原型定義方法。這種方式同樣適用於繼承機制,用對象冒充繼承建構函式的屬性,用原型鏈繼承 prototype
Time of Update: 2018-12-08
1.利用Boolean對象進行轉換複製代碼 代碼如下:var num123 = 123, str = 'abc', o = {name:'test'}, num0 = 0; num123 = Boolean(num123); //true num0 = Boolean(num0); //false str = Boolean(str); //true o = Boolean(o); //true2.
Time of Update: 2018-12-08
一、基本概念 encodeURI和decodeURI是成對來使用的,因為瀏覽器的地址欄有中文字元的話,可以會出現不可預期的錯誤,所以可以encodeURI把非英文字元轉化為英文編碼,decodeURI可以用來把字元還原回來。encodeURI方法不會對下列字元進行編碼:":"、"/"、";" 和 "?",encodeURIComponent方法可以對這些字元進行編碼。 decodeURI()方法相當於java.net.URLDecoder.decode(URIString, "UTF-8");
Time of Update: 2018-12-08
在JS中,建立對象(Create Object)並不完全是我們時常說的建立類對象,JS中的對象強調的是一種複合類型,JS中建立對象及對對象的訪問是極其靈活的。 JS對象是一種複合類型,它允許你通過變數名儲存和訪問,換一種思路,對象是一個無序的屬性集合,集合中的每一項都由名稱和值組成(聽起來是不是很像我們常聽說的HASH表、字典、健/值對?),而其中的實值型別可能是內建類型(如number,string),也可能是對象。 一、由一對大括弧括起來 複製代碼 代碼如下:var emptyObj = {
Time of Update: 2018-12-08
近來的使用者,越來越強調 UI 介面的互動,漸漸原本對一條小龍來說只是配角的 JavaScript (以下簡稱 JS) 變成的主角,佔了很大一塊的用途。像是最近很熱門的 ASP.NET 的 MVC 裡面就直接Include JQuery 可見一般。 MVC 用了一陣子,一條小龍甚至感覺 MVC 中的 Controller 根本就是 JS 在控制的,這樣怎麼把 UI 工作獨立,切給美工用,感覺也是蠻大的疑問。 看來後面的美工,只會繪圖、拉畫面是不行的,一定要會 JS、Flash 等等前端控制語言,
Time of Update: 2018-12-08
複製代碼 代碼如下:<html> <head> <title></title> <script type="text/javascript"> function ShowMessage(message) { alert(message); } function
Time of Update: 2018-12-08
今天在寫一DEMO,其中用到了jQuery的$.getJSON方法,寫完後發現整個DEMO中用到jQuery中的就這一個地方,但要引入一個jQuery實在不划算,於是就自己實現了一個簡單版的,基本可以滿足需求,現分享出來:複製代碼 代碼如下:var $ = { getJSON: function(url, params, callbackFuncName, callback){ var paramsUrl ="", jsonp =
Time of Update: 2018-12-08
演算法的核心是部分匹配表和回退演算法,部分匹配表的實現如下:複製代碼 代碼如下:function kmpGetStrPartMatchValue(str) { var prefix = []; var suffix = []; var partMatch = []; for(var i=0,j=str.length;i<j;i++){ var newStr = str.substring(0,i+1); if(newStr.length
Time of Update: 2018-12-08
一、在HTML中嵌入Javasript的方法1.直接在Javascript代碼放在標記對<script>和</script>之間2.由<script />標記的src屬性制定外部的js檔案3.放在事件處理常式中,比如:<p onclick="alert('我是由onclick事件執行的Javascript')">點擊我</p>4.作為URL的主體,這個URL使用特殊的Javascript:協議,比如:<a
Time of Update: 2018-12-08
一般情況下兩者的調用結果是一樣的,但是還是有區別的。 第一種方式: 複製代碼 代碼如下:function a(){ alert('old'); } var b=a; function a(){ b(); alert('new'); } a();//瀏覽器就會出現記憶體溢出的情況 第二種方式: 複製代碼 代碼如下:function a(){ alert('old'); } var b=a; var a=function(){ b(); alert('new'); }
Time of Update: 2018-12-08
構造方法複製代碼 代碼如下:function coder(){ this.name = '現代魔法'; this.job = 'Web 開發人員'; this.coding = function () { alert('我正在寫代碼'); }}var coder = new coder();alert(coder.name);coder.coding();Factory 方法複製代碼 代碼如下:function createCoderFactory(){ var
Time of Update: 2018-12-08
昨天在寫上次那個動態產生年月日下拉框和文字框限制輸入的時候遇到了一個問題,文字框裡輸入的時候要開始計算文字框裡面輸入了多少字,自然想到了onkeydown事件,然後計算value.length的方法,看代碼吧 複製代碼 代碼如下:moto.onkeydown=function(){ var curlen=+this.value.length; shuru.innerHTML=curlen; shuru2.innerHTML=+(200-curlen); if(curlen>=200){
Time of Update: 2018-12-08
js+html5 canvas實現的塗鴉畫板特效,可調畫筆顏色|粗細|橡皮,可以儲存塗鴉效果為圖片編碼,非常適合學習html5的canvas,必須支援html5的瀏覽器才能看到效果。 複製代碼 代碼如下:<!doctype html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>javascript結合html5
Time of Update: 2018-12-08
原文:Enforcing toString() 譯文:javascript 中強制執行 toString() 譯者:singleseeker Javascript通常會根據方法或運算子的需要而自動把值轉成所需的類型,這可能導致各種錯誤。 Brian McKenna (@puffnfresh) suggests 提供了下列測試代碼: 複製代碼 代碼如下:Object.prototype.valueOf = function () { throw new Error('Use an
Time of Update: 2018-12-08
Google Map V3 javascript計算兩個marker之間的距離 做地圖開發,最常用到的就是marker一些操作和互動。簡單介紹一下,兩個marker之間的距離計算。 google map api 很方便的 只要是常用的 基本上都有介面。 1.建立兩個marker點 複製代碼 代碼如下:var oldMarker = new google.maps.Marker({ position: new google.maps.LatLng("31.95678", "177.898673")
Time of Update: 2018-12-08
先來一張。 滑鼠移動到對應的分類,下面的紅色小三角形就會自動跟隨,緩慢的跟隨。 不管有多少個都可以。 javascript code: 複製代碼 代碼如下:function changeCoord(id, left) { $$(id).style.left = left; } function $$(id) { return document.getElementById(id); } function $$$(id) { return