JavaScript

最佳化 JavaScript 代碼 作者: Gregory Baker, GMail 軟體工程師 和 Erik Arvidsson, Google Chrome 軟體工程師 需要的經驗: JavaScript 相關工作知識 用戶端指令碼能讓你的應用更加地動態和活躍, 但是瀏覽器對代碼的解析可能造成效率問題, 而這種效能差異在用戶端之間也不盡相同. 這裡我們討論和給出一些最佳化你的 JavaScript 代碼的提示和最佳實務. 使用字串 字串串連操作會對 Internet Explorer 6

事件流瀏覽器中的事件流意味著頁面上可有不僅一個，甚至多個元素響應同一個事件。而這一個或多個元素響應事件發生的先後順序在各個瀏覽器（主要針對IE和Netscape）上是不同的。冒泡型事件（Dubbed Bubbling）IE上的解決方案就是冒泡型事件（Dubbed Bubbling）。冒泡型事件的基本思想是，事件按照從最特定的事件目標到最不特定的事件目標（document對象）的順序觸發。樣本（1）：點擊我觸發冒泡型事件流樣本（1）的XHTML代碼結構：<span id="cnt0">

1 、文檔裡的每個節點都有屬性 nodeName 、 nodeValue 、 nodeType nodeName 文本節點的的節點名是 #text , nodeName 是唯讀屬性 nodeValue 1 元素節點 2 屬性節點 3 文本節點 唯讀屬性 nodeType 不能用於元素節點 返回 null 2 、 getElementsByTagName 返回一個節點集合 3 、 firstChild 、 lastChild 第一個元素節點，最後一個元素節點 4 、 childNodes

click() 對象.click() 使對象被點擊。 closed 對象.closed 對象視窗是否已關閉true/false clearTimeout(對象) 清除已設定的setTimeout對象 clearInterval(對象) 清除已設定的setInterval對象 confirm("提示資訊") 彈出確認框，確定返回true取消返回false cursor:樣式 更改滑鼠樣式 hand crosshair text wait help default auto

比如，我們定義了一個Classroom對象，這裡我們定一個事件，當教室裡的人增加超60人時就觸發一個事件onFull;具體定義如下： 複製代碼 代碼如下:var Classroom=function() { this.numberOfPeople=0; this.onFull=null; this.peopleEnter=function(number) { this.numberOfPeople+=number;

左右收縮表格 col1 col2 col3 col4 col5 col6 col7 col8 col9 col10 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

1.看看下面這段代碼 複製代碼 代碼如下: <Script> function reurl(){ url = location.href; //把當前頁面的地址賦給變數 url var times = url.split("?"); //分切變數 url 分隔字元號為 "?" if(times[1] != 1){ //如果?後的值不等於1表示沒有重新整理 url += "?1"; //把變數 url 的值加入 ?1 self.location.replace(url);

代碼清單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"; }

DOM對象的學習 java javascript CSS ajax c# c++ 這是第一個節點 innerHTML的使用 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

第一種方法： 分為 大 中 小 控制本文字型大小，一般需要指定 id 字型: 小中大 雲棲社區 www.jb51.net 歡迎大家的光臨。 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]第二種方法，用的不多，有特殊需要的可以用。這個是設定body中所有的大小設定，不如上面的代碼就控制本文的字型大小。大家可以根據自己的需要選用。注意多測試。 + 放大字型 | + 減小字型 雲棲社區 www.jb51.net

function beginDrag(elementToDrag,event) { var =event.clientX-parseInt(elementToDrag.style.left); var deltaY=event.clientY-parseInt(elementToDrag.style.top); //這兒的deltaX/Y實際上就是得出滑鼠和div的座標差。 if(document.addEventListener)

如下： 複製代碼 代碼如下:function checkAttachment(){ alert("here"); var attachmentArray = document.getElementsByTagName("input"); var attachmentSizeArray = document.getElementsByName("fileMaxSize"); var index = 0; for (var i = 0; i < attachmentArray.length;

可謂一勞永逸，不要重複造輪子：） 1.常用的方法統一放置 例如：在使用者註冊時，時常需要判斷文字框中字元是否是漢字、英文、數字或郵箱地址等等。何不把這些方法統一放在一個指令碼中，取名叫做utility.js呢？ 複製代碼 代碼如下://待需要時另存新檔一個js function isNull(obj) { if (!obj || obj.length==0 || obj=="") { parent.MyAlert("標註名不可為空!",alertImg); return false; }

複製代碼 代碼如下:/** * 得到中英文字元長 * @param {} str * @return {} */ function LengthB(str){ var p1 = new RegExp('%u..', 'g') var p2 = new RegExp('%.', 'g') return escape(str).replace(p1, '').replace(p2, '').length } /** * 過濾所有空白字元 * @param {Object} str */

以前我在網上總會看類似這種的JS效果： 點擊編輯時: (不好意思哈，圖在文章最後面) 這種列表與編輯都在同一頁的效果，確實很好，能夠給使用者帶來意想不到的美好體驗。可是它是怎麼實現的呢？ 其實實現這種效果有很多方法，當然如果你的JS不好，可以用JQuery的組件，但是我想要是自己能寫出來總是好的。因此我抽了點時間來實現它。當我實現後，發現要實現這種效果是很簡單的，幾行JS代碼就搞定了，關鍵就是一個思路問題，下面我會具體的寫是怎麼實現的。

弱類型的Javascript不會按照程式員的願望從實際的變數類型到所需要的資料類型轉換,例如一個非常常見的錯誤,在瀏覽器指令碼中,從表單控制項中擷取使用者將要輸入的一個數實值型別的變數與另一個數值變數的和.因為變數類型在表單控制項中是字串類型(計時字串序列包含一個數字)這種嘗試將會添加那個字串到變數,即使這些值碰巧是一些數字,結果在第二個變數將會被轉換為字串類型,在最後只會把從表單控制項中得到的變數添加到第一個字串末尾。所以強制類型轉換還是比較重要的，下面看一下它的幾個強制轉換的函數：1.

一、簡化代碼 採用更為簡短的寫法，不僅可以減少輸入的字元數，還可以減少檔案大小。大部分採用簡單寫法的代碼，執行效率都有輕微提高。 1.1 簡化常用對象定義：使用 var obj = {}; 代替 var obj = new Object(); 使用 var arr = []; 代替 var arr = new Array(); 1.2 精簡if語句三元操作符可以有效精簡只涉及賦值傳值操作的if語句，比如 var score = 60, grade; if (score < 60) {

第一種：view-source法 　　view-source是一種協議，早期基本上每個瀏覽器都支援這個協議。但是不知道什麼原因，從IE6 Beta2以後IE就不再支援此協議了。這個方法現在只能用在FireFox瀏覽器上使用了！ 　　使用方法：在瀏覽器地址欄中輸入 　　view-source: 　　斷行符號即可看到網頁的原始碼了。 第二種：JavaScript法 　　這種方法似乎也不是通用的，在IE6和Opere瀏覽器上實驗成功，但是在FireFox瀏覽器上就沒成功！

下面介紹的是一些純javascript實現的文法高亮外掛程式。 英文原文：http://www.webdesignbooth.com/9-useful-javascript-syntax-highlighting-scripts/1. SyntaxHighlighter我相信這個外掛程式是我們使用多的，它支援超多的語言，如果遇到不支援的文法還支援自訂。2. SHJSSHJS 是js文法高亮外掛程式的代表，它支援很多程式設計語言，相容Firefox 2 &3, IE 6 & 7

層隱藏和顯示 2009-7-7 更多 我是更多裡面的內容 我不是更多裡面的內容 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]