Time of Update: 2017-01-19
最佳化 JavaScript 代碼 作者: Gregory Baker, GMail 軟體工程師 和 Erik Arvidsson, Google Chrome 軟體工程師 需要的經驗: JavaScript 相關工作知識 用戶端指令碼能讓你的應用更加地動態和活躍, 但是瀏覽器對代碼的解析可能造成效率問題, 而這種效能差異在用戶端之間也不盡相同. 這裡我們討論和給出一些最佳化你的 JavaScript 代碼的提示和最佳實務. 使用字串 字串串連操作會對 Internet Explorer 6
Time of Update: 2017-01-19
時間對象是一個我們經常要用到的對象,無論是做時間輸出、時間判斷等操作時都與這個對象離不開。除開JavaScript中的時間對象外,在VbScript中也有許多的時間對象,而且非常好用。下面還是按照我們的流程來進行講解JavaScript中日期函數。new Date() new Date(milliseconds) new Date(datestring) new Date(year, month) new Date(year, month, day) new Date(year, month,
Time of Update: 2017-01-19
Jquery這麼普及,必有它過人之處,通過開原始碼進行學習,是個不錯的學習方法啊! 以下是我類比的方法,我盡量簡化方法。 定義對象C(類似於jquery的$方法)——這個也是jquery設計非常巧妙的地方 複製代碼 代碼如下: (function(){ var _cQuery = window.cQuery, cQuery = function(){ return new cQuery.fn.init(); }; cQuery.fn = cQuery.prototype = { init :
Time of Update: 2017-01-19
將 DOM 0級事件處理常式和DOM2級事件處理常式 IE事件處理常式封裝為eventUtil對象,達到跨瀏覽器的效果。代碼如下:var eventUtil = {// 添加事件控制代碼addEventHandler:function (element,type,handler) {if (element.addEventListener) {element.addEventListener(type, handler,false);}else
Time of Update: 2017-01-19
escape() 方法: 採用ISO Latin字元集對指定的字串進行編碼。所有的空格符、標點符號、特殊字元以及其他非ASCII字元都將被轉化成%xx格式的字元編碼(xx等於該字元在字元集表裡面的編碼的16進位數字)。比如,空格符對應的編碼是%20。 不會被此方法編碼的字元: @ * / + encodeURI() 方法: 把URI字串採用UTF-8編碼格式轉化成escape格式的字串。 不會被此方法編碼的字元:! @ # $& * ( ) = : / ; ? + '
Time of Update: 2017-01-19
JS中複合數組associative array和對象是等同的,判斷一個key是否存在於數組中(或對象是否包含某個屬性),不能使用ary[key] == undefined,因為可能存在ary = {key:undefined};正確的方法應該為:ary.hasOwnProperty(key); 或 obj.hasOwnProperty(key); 另外使用key-value pair對複合數組或對象進行loop的時候應該使用:for(var key in ary) {
Time of Update: 2017-01-19
本文執行個體講述了JavaScript比較目前時間是否在指定時間段內的方法。分享給大家供大家參考,具體如下:function checkTime(stime, etime) { //開始時間 var arrs = stime.split("-"); var startTime = new Date(arrs[0], arrs[1], arrs[2]); var startTimes = startTime.getTime(); //結束時間 var arre =
Time of Update: 2017-01-19
對於新人來說,JavaScript的原型是一個很讓人頭疼的事情,一來prototype容易與__proto__混淆,二來它們之間的各種指向實在有些複雜,其實市面上已經有非常多的文章在嘗試說清楚,有一張所謂很經典的圖,上面畫了各種線條,一會串連這個一會串連那個,說實話我自己看得就非常頭暈,更談不上完全理解了。所以我自己也想嘗試一下,看看能不能把原型中的重要知識點拆分出來,用最簡單的圖表形式說清楚。我們知道原型是一個對象,其他對象可以通過它實現屬性繼承。但是尼瑪除了prototype,又有一個__p
Time of Update: 2017-01-19
//判斷手機橫豎屏狀態:function hengshuping(){if(window.orientation==180||window.orientation==0){alert("豎屏狀態!")}if(window.orientation==90||window.orientation==-90){alert("橫屏狀態!")}}window.addEventListener("onorientationchange" in window ? "orientationchange"
Time of Update: 2017-01-19
1、()小括弧運算子 平時最常用的就是()運算子來調用一個函數 複製代碼 代碼如下://無參函數fun1 function fun1() { alert('我被調用了'); } fun1() //有參函數fun2 function fun2(param) { alert(param); } fun2('我被調用了') ECMAScript3後加入給Function加入了call和apply後,就有了下面兩種 2、call 複製代碼 代碼如下://無參函數fun1 function fun1()
Time of Update: 2017-01-19
Javascript重新整理頁面的幾種方法: 複製代碼 代碼如下:1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand('Refresh') 6 window.navigate(location) 7 location.replace(location) 8 document.URL=location.href 自動重新整理頁面的方法:
Time of Update: 2017-01-19
Raphael 是一個用於在網頁中繪製向量圖形的 Javascript 庫。它使用 SVG W3C 推薦標準和 VML 作為建立圖形的基礎,你可以通過 JavaScript 操作 DOM 來輕鬆建立出各種複雜的柱狀圖、餅圖、曲線圖等各種圖表,還可以繪製任意形狀的圖形,可以進行圖表或映像的裁剪和旋轉等複雜操作。 Raphaël 是跨瀏覽器的向量圖形庫,目前支援的瀏覽器包括: Firefox 3.0+,Safari 3.0+,Chrome 5.0+,Opera 9.5+ 以及
Time of Update: 2017-01-19
New Document [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2017-01-19
你也沒有必要使用new Array(),使用[]; 不要使用 new Number, new String, or new Boolean. 等等 不要使用new Function 來建立函數 比如你要寫 複製代碼 代碼如下: frames[0].onfocus = new Function("document.bgColor='antiquewhite'") 你應該這樣寫 複製代碼 代碼如下: frames[0].onfocus = function ()
Time of Update: 2017-01-19
解決方案1: 調用windows 的shell,但會有安全問題. * browseFolder.js * 該檔案定義了BrowseFolder()函數,它將提供一個檔案夾選擇對話方塊 * 以供使用者實現對系統檔案夾選擇的功能 * 檔案夾選擇對話方塊起始目錄由 * Shell.BrowseForFolder(WINDOW_HANDLE, Message, OPTIONS, strPath)函數 * 的strPath參數設定 * 例如:0x11--我的電腦 * 0 --案頭 *
Time of Update: 2017-01-19
複製代碼 代碼如下:function XMLObject() { this.isIE=true; if (window.ActiveXObject){isIE=true;}else{isIE=false;} var node_xml; var xmlDoc; if (isIE){ xmlDoc = new ActiveXObject("Msxml2.DOMDocument"); } else{ if (document.implementation &&
Time of Update: 2017-01-19
複製代碼 代碼如下:function Flower() { this.name="rose"; this.color="red"; } //Flower() 作為建構函式 var obj=new Flower(); //輸出 true, flower 作為類引用 alert(obj instanceof Flower); function 關鍵字可以聲明普通函數,這一點和其他語言中函數的概念是相同的。 除此之外,他還可以用於類的聲明和實現、對象的建構函式以及類的引用。
Time of Update: 2017-01-19
思路:•建立一個蒙板, 設定蒙板的堆疊順序保證能將其它元素蓋住position: absolute;top: 0;left: 0;display: none;background-color: rgba(9, 9, 9, 0.63);width: 100%;height: 100%;z-index: 1000; •設定蒙板中內容的背景色和展示格式width: 50%;text-align: center;background: #ffffff;border-radius:
Time of Update: 2017-01-19
當window.open(url,"_blank"),無效時,可用如下方法。function openwin(url) {var a = document.createElement("a");a.setAttribute("href", url);a.setAttribute("target", "_blank");a.setAttribute("id",
Time of Update: 2017-01-19
代碼清單1-1 展示javascript的變數範圍的例子 //設定全域變數foo,共置為"test" var foo = "test"; //在if塊中 if(true){ //將foo置為'new test' var foo = "new test"; } //如我們所見,現在foo等於'new test'了 alert(foo == "new test"); //建立一個會修改變數foo的新函數 function test(){ var foo = "old test"; }