JavaScript

JavaScript 的成功讓人津津樂道，為 Web 網頁編寫 JavaScript 代碼已經是所有 Web 設計師的基本功，這門有趣的語言蘊藏著許多不為人熟知的東西，即使多年的 JavaScript 程式員，也未能完全吃透。本文從7個方面講述 JavaScript 中那些你不很熟知但非常實用的技巧。簡略語句 JavaScript 可以使用簡略語句快速建立對象和數組，比如下面的代碼：Code highlighting produced by Actipro CodeHighlighter

複製代碼 代碼如下: <script type="text/javascript"> function createArray() { var arr = new Array(); for (var i = 0; i < 10; i++) { arr[i] = function () { return i; } } return arr; } var funcs = createArray(); for (var i = 0; i < funcs.length; i++)

正好infinte同學提出“更優雅的相容”其實也和這個問題有一定的關聯（我們後面會看到） 在youa的指令碼庫中Function的Helper中，添加支援重載的模式比對 複製代碼 代碼如下: /** * 函數參數重載方法 overload，對函數參數進行模式比對。預設的dispatcher支援*和...以及?，"*"表示一個任意類型的參數，"..."表示多個任意類型的參數，"?"一般用在",?..."表示0個或任意多個參數 * @method overload * @static *

順便提示一下： 詞法範圍：變數的範圍是在定義時決定而不是執行時決定，也就是說詞法範圍取決於源碼，通過靜態分析就能確定，因此詞法範圍也叫做靜態範圍。 with和eval除外，所以只能說JS的範圍機制非常接近詞法範圍（Lexical scope）。 下面是一個簡單的使用全域變數的閉包執行個體： 複製代碼 代碼如下: var sWord="Hello,Welcome to web前端開發工程師的部落格，請多多指教。" function disWord(){ alert(sWord); }

複製代碼 代碼如下: var classA = function(){ this.prop1 = 1; } classA.prototype.func1 = function(){ var that = this, var1 = 2; function a(){ return function(){ alert(var1); alert(this.prop1); }.apply(that); }; a(); } var objA = new ClassA(); objA.func1();

原先使用的是try-catch的方式，在catch語句中，我們會收到一個Error對象（我們也可以拋出一個自訂異常對象）。Firefox中的Error對象擁有如下屬性： message —— 錯誤提示資訊 fileName —— 表示出錯代碼所在檔案 lineNumber —— 出錯代碼所在行數 stack —— 出錯堆棧資訊 name —— 異常對象名/類型 但是在IE下，Error對象只有如下屬性： name —— 異常對象名/類型，和Firefox中顯示的名稱可能不同 message ——

標準的Get和Set訪問器的實現 複製代碼 代碼如下: function Field(val){ this.value = val; } Field.prototype = { get value(){ return this._value; }, set value(val){ this._value = val; } }; var field = new Field("test"); field.value="test2"; //field.value will now return

JavaScript隨機排序 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

在發了博文之後，我又花了一些時間嘗試解決這個問題……經過幾次嘗試之後，我找到了另一種pattern，括弧並不再是必要的了： 複製代碼 代碼如下: eval(function () { var s = '', ww = [v] > (s += v); var ws = [n] > ww(' <A href="#">(' + n + ')</A> '); pnView3(14, [n] > ww(' [' + n + '] '), 1, 37, ws, []

在前一篇博文中我介紹了一種可以讓JavaScript多少具備一點類似Lambda運算式的編程能力的辦法，但是由於要相容於JavaScript的語法檢查，所以可以使用的場合也很有限。 不過有些比較細心的朋友可能發現了，我在那個（偽）Lambda模組中使用了幾個小技巧，現在我就把這幾個小技巧介紹一下： 1、使用new Function來進行語法檢查。 嘗試寫架構的同學們一定對此感受頗深：有的時候通過代碼產生的代碼可能因為技術上的失誤而產語法錯誤，導致運行過程中異常中斷；有的時候需要接受使用者的輸入，

但是我後來也跟人說，因為接受的參數太多，所以如果不把智能提示寫得很清楚的話，連我自己都常常搞不清楚該怎麼用。 不過，接受參數多，除了容易弄錯用法以外，還會產生另一個問題，這也是我編寫出今天發布的這個東西的原因。 來看一下JS版的頁碼呈現組件的完全版函數簽名： 複製代碼 代碼如下: function pnView( currentPage, actionCurrent, beginPage, endPage, actionBegin, actionEnd, currentSiblings,

1:移動圖層 獲得點的x軸y軸座標，從而進行絕對位置(注意：豎拉框會影響 x 軸 y 軸座標值) 複製代碼 代碼如下: var x,y,z,down=false,obj function init(){ obj=event.srcElement //事件觸發對象 obj.setCapture() //設定屬於當前對象的滑鼠捕捉 z=obj.style.zIndex //擷取對象的z軸座標值 //設定對象的z軸座標值為100，確保當前層顯示在最前面 obj.style.zIndex=100

今天遇到了這個問題： 複製代碼 代碼如下: //虛擬碼 for (var i=0; i<n; i++) { addEvent(obj[i], "click", func(i)); } 結果出現了問題，所有的dom都被註冊了 i=n 的時候的事件，查了一些資料，說是在迴圈過程過this被改變，註冊過的事件也被隨之改變，找到了一種解決方案; 複製代碼 代碼如下: for (var i=0; i<n; i++) { (function (i){addEvent(obj[i],

Douglas Crockford已經傳授了一個有用的單例模式（singleton pattern）實現此規則，我認為他的模式有益於你基於YUI的那些應用。Douglas叫它模組模式（module pattern）。它是如下工作的： 1、建立一個命名空間對象：如果你使用YUI，可以用YAHOO.namespace()方法： YAHOO.namespace("myProject");這分配了一個空的myProject對象，是YAHOO的一個成員（如 果myProject已存在的話，則不會被覆蓋）。

大中小字型顯示 大 中 小 京藏高速通暢四天后再次堵車上百公裡     昨日上午8點，央視記者沿鄂爾多斯曆時3個多小時，僅行進120多公裡， 到達河北東洋河收費站。此時，收費站雙向允許存取，交通擁堵有所緩解。     據瞭解，截至昨日中午12點，內蒙古境內擁堵情況最長達120公裡。 據測算，上萬車輛滯留。 其主要原因一是大貨車停車後，啟動速度慢，二是不少大貨車司機堵車期間睡著了。 [Ctrl+A 全選

當時考慮有三種方法： 1.直接把路徑寫在js檔案裡，但如果引用頁面路徑層級改變就沒轍了。 2.寫個class，放在主題包裡的css檔案或者單獨建立一個css檔案給日期控制項專用。但是控制項中的其他元素並沒有使用class的需要，單獨建立相應css文檔似乎小題大做。 3.把以上兩個方法排除後，自然要採用動態載入圖片路徑的方法咯。 關鍵代碼如下： 複製代碼 代碼如下: //建立一個全域變數儲存路徑 var imgRootUrl = ""; //擷取圖片路徑所在目錄 var

在之前的程式設計語言熱門排行榜中，我們曾介紹過轉正在即的JavaScript語言，正如文章中闡明的那樣，JavaScript不僅是最具活力的指令碼語言，還是是最有用的程式設計語言之一。因為絕大多數的瀏覽器都和它相容，你可以在這些瀏覽器中使用它。JavaScript被接受的相當快，因為它是如此的簡單，而且使用範圍相當廣泛。許多程式員過去常常認為JavaScript是一門“玩具語言”，但是，AJAX進入市場後表現出了完全相反的一面，它讓JavaScript展現出了完全不同的能力和功能。

他老人家說將所要執行的代碼放在如< script language="JavaScript1.2" >所示嵌套下。但是當問到檢測javascript版本時，得到如下代碼： 複製代碼 代碼如下: var JS_ver = []; (Number.prototype.toFixed)?JS_ver.push("1.5"):false; ([].indexOf && [].forEach)?JS_ver.push("1.6"):false; ((function(){try {[a,b]

關鍵字高亮顯示 雲棲社區是一個專業的收集各類指令碼學習資料的網站,盡量修正錯誤打造精品指令碼類學習網站,我們為大家遊戲指令碼資源,源碼,軟體,asp,php,javascript等編程資料,是網頁製作,網路編程,網站建設人士的聚集場所。 　　 提供最新的網路編程、指令碼編程、網頁製作、網頁設計、網頁特效，為站長與網路編程從業者提供學習資料。 　　 指令碼,vbscript,Regex,jquery,dos,bat,批處理,javascript,Photoshop,HTML,div+css,

複製代碼 代碼如下: <SCRIPT LANGUAGE="JavaScript"> <!-- function Sleep(obj,iMinSecond) { if (window.eventList==null) window.eventList=new Array(); var ind=-1; for (var i=0;i<window.eventList.length;i++) { if (window.eventList[i]==null) {