Time of Update: 2017-01-13
代碼如下複製代碼 <script language="JavaScript" type="text/javascript"> <!-- // 說明:用 Javascript 擷取指定頁面元素的位置 // 整理:http://www.111cn.net 代碼如下複製代碼 // 來源:YUI DOM function getElementPos(elementId) { &
Time of Update: 2017-01-13
聯動菜單的實現方法:1.確定資料格式:首先,我們介紹一下建立 Option 的文法:var newOption = new Option(optionText, optionvalue);根據上面的文法,我們知道 select 選項分 optionText 和 optionvalue 兩個內容,optionText 即下拉框中我們看到的選項,而 optionvalue 則是提交的實際值。比如一個選項我們看到的是 “北京”,而實際提交的值是
Time of Update: 2017-01-13
代碼如下複製代碼 <script language="javascript"> //CharMode函數 function CharMode(iN){ if (iN>=48 && iN <=57) //數字 return 1; if (iN>=65 && iN <=90) //大寫字母 return 2; if (iN>=97 && iN <=122) //小寫
Time of Update: 2017-01-13
代碼如下複製代碼 <script type="text/javascript"> // 說明:用 Javascript 擷取捲軸位置等資訊 // 來源 :ThickBox 2.1 // 整理 : ( http://www.111cn.net ) function getScroll() { var t, l, w, h;
Time of Update: 2017-01-13
先看看效果,這很像背景操作吧,好了下面我們來看執行個體方法js代碼如下 代碼如下複製代碼 <script type="text/javascript"> function SDMenu(id) { if (!document.getElementById || !document.getElementsByTagName)
Time of Update: 2017-01-13
String.replace( ) 簡介文法:string.replace(regexp, replacement) regexp :您要執行替換操作的Regex,如果傳入的是一個字串,那就會當作一般字元來處理,並且只會執行一次替換操作;如果是Regex,並且帶有 global (g) 修飾符,則會替換所有出現的目標字元,否則,將只執行一次替換操作。replacement :您要替換成的字元。最簡單的執行個體 代碼如下複製代碼 <script
Time of Update: 2017-01-13
DOM 操作最佳化首先澄清兩個概念——Repaint 和 Reflow:Repaint 也叫 Redraw,它指的是一種不會影響當前 DOM 的結構和布局的一種重繪動作。如下動作會產生 Repaint 動作:不可見到可見(visibility 樣式屬性); 顏色或圖片變化(background, border-color, color 樣式屬性); 不改變頁面元素大小,形狀和位置,但改變其外觀的變化 Reflow 比起 Repaint
Time of Update: 2017-01-13
Javascript 的效能最佳化點a、慎用Eval 謹記:有“eval”的代碼比沒有“eval”的代碼要慢上 100 倍以上。主要原因是:JavaScript 代碼在執行前會進行類似“先行編譯”的操作:首先會建立一個當前執行環境下的使用中的物件,並將那些用 var 申明的變數設定為使用中的物件的屬性,但是此時這些變數的賦值都是 undefined,並將那些以 function
Time of Update: 2017-01-13
先看一下常見的用法: : 代碼如下複製代碼 <script type="text/javascript"> var pattern = /http://([^/s]+)/; alert(pattern.exec('http://www.codebit.cn')); // http://www.codebit.cn,www.codebit.cn alert(pattern.exec('http://YITU.org')); //
Time of Update: 2017-01-13
代碼如下複製代碼 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
Time of Update: 2017-01-13
原理:在頁面載入完成時擷取頁面來源(document.referrer),並分析搜尋引擎關鍵詞,然後擷取頁面上所有元素,遞迴查詢是否含有搜尋索引鍵,如果有,就建立一個 span 元素,並應用關鍵詞樣式,替換原有節點 代碼如下複製代碼 <script type="text/javascript"> <!-- // 說明:擷取搜尋引擎關鍵字並高亮顯示 // 整理:http://www.111cn.net
Time of Update: 2017-01-13
列印數組內容:代碼:-------------------------------------------------------------------------------- 代碼如下複製代碼 function printElt(element, index, array) { document.writeln("[" + index + "] is " + element +
Time of Update: 2017-01-13
測試數組大小:代碼:-------------------------------------------------------------------------------- 代碼如下複製代碼 function isBigEnough(element, index, array) { return (element >= 10);}var passed = [12, 5, 8, 130, 44].every(isBigEnough);// passed
Time of Update: 2017-01-13
代碼:-------------------------------------------------------------------------------- 代碼如下複製代碼 function isBigEnough(element, index, array) { return (element >= 10);}var filtered = [12, 5, 8, 130, 44].filter(isBigEnough); // 12, 130,
Time of Update: 2017-01-13
文法var mappedArray = array.map(callback[, thisObject]);參數說明callback: 要對每個數組元素執行的回呼函數。thisObject : 在執行回呼函數時定義的this對象。功能說明對數組中的每個元素都執行一次指定的函數(callback),並且以每次返回的結果為元素建立一個新數組。它只對數組中的非空元素執行指定的函數,沒有賦值或者已經刪除的元素將被忽略。回呼函數可以有三個參數:當前元素,當前元素的索引和當前的數組對象。下面看執行個體 &
Time of Update: 2017-01-13
參數說明callback: 要對每個數組元素執行的回呼函數。thisObject : 在執行回呼函數時定義的this對象。功能說明對數組中的每個元素都執行一次指定的函數(callback),直到此函數返回 true,如果發現這個元素,some 將返回 true,如果回呼函數對每個元素執行後都返回 false ,some 將返回 false。它只對數組中的非空元素執行指定的函數,沒有賦值或者已經刪除的元素將被忽略。回呼函數可以有三個參數:當前元素,當前元素的索引和當前的數組對象。如參數
Time of Update: 2017-01-13
代碼如下複製代碼 <script type="text/javascript"><!--function cookie(name, value, options) { if (typeof value != 'undefined') { // name and value given, set cookie
Time of Update: 2017-01-13
1,實現javascript重載iframe頁面,相容各瀏覽器的方法 代碼如下複製代碼 document.getElementById(FrameID).contentWindow.location.reload(true); 2,其次是擷取iframe內的元素並應用 代碼如下複製代碼 iframe.contentWindow.document.getElementById(id).style.display="block";
Time of Update: 2017-01-13
問題描述關於encodeURIComponent()函數應用之前在[注意javascript傳遞url資料的完整]一文有討論,這裡主要是討論GBK編碼的頁面使用encodeURIComponent()函數編碼URI通過ajax提交中文字元產生亂碼的現象。問題解決使用encodeURIComponent()函數的目的是編碼特殊字元 , / ? : @ & = + $ #,但實際應用中可能並不需要編碼中文字元,因此可以編寫自訂的函數替代encodeURIComponent()函數。使
Time of Update: 2017-01-13
文法var index = array.lastIndexOf(searchElement[, fromIndex]);參數說明searchElement: 要搜尋的元素fromIndex : 開始搜尋的位置,預設為數組的長度(length),在這樣的情況下,將搜尋所有的數組元素。如果傳入的值大於或等於數組的範圍(length),將搜尋整個數組,如果傳入的值小於 0 ,將返回 -1 ,在這樣的情況下,搜尋操作將不被執行。搜尋是反方向進行的。功能說明比較 searchElement