Time of Update: 2017-01-19
近來的使用者,越來越強調 UI 介面的互動,漸漸原本對一條小龍來說只是配角的 JavaScript (以下簡稱 JS) 變成的主角,佔了很大一塊的用途。像是最近很熱門的 ASP.NET 的 MVC 裡面就直接Include JQuery 可見一般。 MVC 用了一陣子,一條小龍甚至感覺 MVC 中的 Controller 根本就是 JS 在控制的,這樣怎麼把 UI 工作獨立,切給美工用,感覺也是蠻大的疑問。 看來後面的美工,只會繪圖、拉畫面是不行的,一定要會 JS、Flash 等等前端控制語言,
Time of Update: 2017-01-19
一般情況下兩者的調用結果是一樣的,但是還是有區別的。 第一種方式: 複製代碼 代碼如下: 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: 2017-01-19
構造方法複製代碼 代碼如下:function coder(){ this.name = '現代魔法'; this.job = 'Web 開發人員'; this.coding = function () { alert('我正在寫代碼'); }}var coder = new coder();alert(coder.name);coder.coding()
Time of Update: 2017-01-19
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: 2017-01-19
原文:Enforcing toString() 譯文:javascript 中強制執行 toString() 譯者:singleseeker Javascript通常會根據方法或運算子的需要而自動把值轉成所需的類型,這可能導致各種錯誤。 Brian McKenna (@puffnfresh) suggests 提供了下列測試代碼: 複製代碼 代碼如下: Object.prototype.valueOf = function () { throw new Error('Use an
Time of Update: 2017-01-19
第一次用到這個,做個記錄,在html頁面中調用本地程式: 複製代碼 代碼如下: <html> <head> <script language="javascript"> function Run(strPath) { var objShell = new ActiveXObject("wscript.shell"); objShell.exec(strPath); objShell = null; } </script> </head>
Time of Update: 2017-01-19
下面的函數接收一個參數,該參數可以是數組還可以是一個元素,返回元素的文本。 複製代碼 代碼如下: function text(e){ var str = ""; //如果傳入的是元素,擷取它的子項目 //否則,當它是一個數組 e=e.childNodes || e; for ( var i = 0; i < e.length; i++ ) { //判斷元素類型 //如果是text就擷取它的文本,否則,遍曆它的子項目 str += e[i].nodeType != 1 ?
Time of Update: 2017-01-19
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: 2017-01-19
先來一張截圖。 滑鼠移動到對應的分類,下面的紅色小三角形就會自動跟隨,緩慢的跟隨。 不管有多少個都可以。 javascript code: 複製代碼 代碼如下: function changeCoord(id, left) { $$(id).style.left = left; } function $$(id) { return document.getElementById(id); } function $$$(id) { return
Time of Update: 2017-01-19
在 GridView 裡有一系列的 Checkbox ,要實現對其全選或全不選。開始在網上找了,但是參考的代碼會全選 GridView 裡所有的 Checkbox ,而我要的是單列全選。如圖: 審核和許可權是要分開的。 我自己寫了 JavaScript 代碼,貼出來供大家參考。 複製代碼 代碼如下: function chkAll(CheckAll) { var items = document.getElementsByTagName("input"); for
Time of Update: 2017-01-19
我們在實際的開發當中經常要擷取頁面中某個html元素,動態更新該元素的樣式、內容屬性等。 那麼如何擷取要更新的這些元素呢?用JavaScript擷取這些節點的方法有很多種,下面是總結的一些方法. 1. 通過document節點擷取: (1) document.getElementById(elementId):該方法通過節點的ID,可以準確獲得需要的元素,是比較簡單快捷的方法。如果頁面上含有多個相同id的節點,那麼只返回第一個節點。 如
Time of Update: 2017-01-19
當一個數組需要清空的時候,很多人使用下面的方法: 複製代碼 代碼如下: a = []; 我們知道javascript變數儲存方式分為參考型別和直接量。數組屬於對象,即參考型別,引用的是變數指標地址,之所以這樣設計也是為了節省記憶體。 再說到上面的請空數組的方式,如果採用直接賦值一個新數組的方式,那麼之前引用的數組可能不會被釋放(有其他的引用),例如下面的代碼: 複製代碼 代碼如下: var a = [2,3]; var b = a; a = []; console.log(b);
Time of Update: 2017-01-19
複製代碼 代碼如下:function addBookMark(url, title){//將網頁添加到收藏addBookMark(window.location,document.title) if(document.all){ window.external.addFavorite(url,title); }else if
Time of Update: 2017-01-19
Html dom 是指在w3c規範出現之前,各個瀏覽器支援的一些dom操作。 1,Select對象。 屬性 a,selectedIndex:使用者選擇的選項的下標,下標從0開始 b,length: 擷取或者設定選項的個數 c,options: 返回一個數組,數組元素是Option對象 2,Options對象 屬性: a,text:選項的常值內容 b,value:選項的値 c,selected: 當該選項被選上,值為true,否則為false 小知識:建立一個Option對象 複製代碼 代碼如下:
Time of Update: 2017-01-19
1.讓文字框只允許輸入數字,運用asp.net mvc3.0的文字框控制項 複製代碼 代碼如下: @Html.TextBox("txt",null, new {@style="width:300;",onkeypress="return RegValidateIsDigit(event)" }) 可以看到在文字框中註冊了onkeypress事件,當在文字框中輸入一個字元按下鍵盤的時候就會觸發該JavaScript的函數 複製代碼 代碼如下: <script
Time of Update: 2017-01-19
如果用原型方式重定義前面例子中的類,它們將變為下列形式:複製代碼 代碼如下:function ClassA() {}ClassA.prototype.color = "blue";ClassA.prototype.sayColor = function () { alert(this.color);};function ClassB() {}ClassB.prototype = new ClassA();原型方式的神奇之處在於最後一行代碼。這裡,把
Time of Update: 2017-01-19
建構函式、原型實現繼承的缺陷首先來分析建構函式和原型鏈兩種實現繼承方式的缺陷:建構函式(對象冒充)的主要問題是必須使用建構函式方式,且無法繼承通過原型定義的方法,這不是最好的選擇。不過如果使用原型鏈,就無法使用帶參數的建構函式了。開發人員如何選擇呢?答案很簡單,兩者都用。建構函式+原型混合方式這種繼承方式使用建構函式定義類,並非使用任何原型。建立類的最好方式是用建構函式定義屬性,用原型定義方法。這種方式同樣適用於繼承機制,用對象冒充繼承建構函式的屬性,用原型鏈繼承 prototype
Time of Update: 2017-01-19
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: 2017-01-19
一、基本概念 encodeURI和decodeURI是成對來使用的,因為瀏覽器的地址欄有中文字元的話,可以會出現不可預期的錯誤,所以可以encodeURI把非英文字元轉化為英文編碼,decodeURI可以用來把字元還原回來。encodeURI方法不會對下列字元進行編碼:":"、"/"、";" 和 "?",encodeURIComponent方法可以對這些字元進行編碼。 decodeURI()方法相當於java.net.URLDecoder.decode(URIString, "UTF-8");
Time of Update: 2017-01-19
在JS中,建立對象(Create Object)並不完全是我們時常說的建立類對象,JS中的對象強調的是一種複合類型,JS中建立對象及對對象的訪問是極其靈活的。 JS對象是一種複合類型,它允許你通過變數名儲存和訪問,換一種思路,對象是一個無序的屬性集合,集合中的每一項都由名稱和值組成(聽起來是不是很像我們常聽說的HASH表、字典、健/值對?),而其中的實值型別可能是內建類型(如number,string),也可能是對象。 一、由一對大括弧括起來 複製代碼 代碼如下: var emptyObj =