Time of Update: 2017-01-19
JavaScript擷取滑鼠移動時的座標(相容:IE8、Google、Firefox、Opera ),測試通過直接複製成html檔案,即可運行。為方便大家測試特準備了一份線上示範<!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-19
大家都知道window.close()是用來關閉視窗的,而且ie和firefox都是支援的。為了實現使用者對瀏覽器的絕對控制,ie中用close關閉非open開啟的視窗時回彈出一個對話方塊詢問使用者,怎麼去掉這個框呢,請看下面的代碼。function winClose(){ window.top.opener = null; window.close(); }在window.close之前加上window.top.opener =
Time of Update: 2017-01-19
本文執行個體分析了javascript在IE下trim函數無法使用的解決方案,對於web前段設計有一定的借鑒價值。具體分析如下:首先,javascript的trim函數在firefox下面使用沒有問題:<script language="javascript"> var test1 = " aa "; test1 = test1.toString(); test1 = test1.trim(); </script>在Firefox下這樣用沒有問題,
Time of Update: 2017-01-19
第一種:function test(a,b){var a = arguments[0] ? arguments[0] : 1;//設定參數a的預設值為1var b = arguments[1] ? arguments[1] : 9;//設定參數b的預設值為9return a+b;其等價為function test(){var a = arguments[0] ? arguments[0] : 1;//設定參數a的預設值為1var b = arguments[1] ?
Time of Update: 2017-01-19
JavaScript 沒有一個權威的編碼風格指南,取而代之的是一些流行的編碼風格:複製代碼
Time of Update: 2017-01-19
網上收集的代碼<input type="button" name="out_excel" onclick="AutomateExcel();" value="匯出到excel" class="notPrint">匯出到Excel代碼<SCRIPT LANGUAGE="javascript"> <!-- function AutomateExcel() { // Start Excel and get Application object. var oXL =
Time of Update: 2017-01-19
我總是經常碰到需要檢查某個function是否是原生代碼的情況 —— 這是功能測試中一個很重要的內容: 函數是瀏覽器內建支援的,還是通過第三方類庫類比的。要檢測這一點,最簡單的辦法當然是判斷函數的 toString 方法返回的值啦。JavaScript代碼判斷函數是否是原生方法其實相當簡單:// 判斷是否原生函數 function isNative(fn) { // 樣本: // alert.toString() // "function alert() { [native code] }" /
Time of Update: 2017-01-19
當你的應用需要依賴某個特定的JavaScript類庫時,你無意中總會試圖解決某些類庫自身的問題,而不是語言的問題。就比如當我試圖將文本(可能也包含HTML元素)用一個DIV元素包起來時。假設有以下HTML:This is some text and <a href="">a link</a>這時候如果想把它轉換為下面這樣:<div>This is some text and <a href="">a
Time of Update: 2017-01-19
1、原生的JavaScript實現var array1 = ["a", "b"];var array2 = ["c", "d"];我要合并後變成下面這樣:<span class="keyword" style="font-weight:bold">var</span> <span class="keyword" style="font-weight:bold">array</span>= [<span class="string"
Time of Update: 2017-01-19
網頁中JavaScript最基本的功能是監聽或響應使用者的動作,這非常的有用。使用者的動作有些頻率非常高,有的十分罕見。有些監聽器函數的執行如閃電般完成,而有些繁重的會把瀏覽器拖死。拿瀏覽器視窗的resize事件來說,這種事件會在瀏覽器視窗大小的每一尺度變化都觸發一次,如果監聽器體量很大,你的瀏覽器很快就會被拖垮。很顯然,我們不能允許瀏覽器被拖垮,但我們又不能刪除刪除監聽器。然而,我們可以限制函數調用的頻度,弱化事件函數運行帶來的影響。相對於讓視窗的每一步size的變化都觸發一次監聽器函數,我們
Time of Update: 2017-01-19
本文執行個體講述了JavaScript避免記憶體泄露及記憶體管理技巧,非常實用。分享給大家供大家參考之用。具體方法如下:本文內容來源自GoogleWebPerf(倫敦WebPerf集團),2014年8月26日。一般來說,高效的JavaScript
Time of Update: 2017-01-19
利用javascript 寫一個在頁面點擊加減按鈕實現數位累加。簡略的html大概如此。看得懂就好不要在意這些細節啊<input type="button" value="+" onclick="jia(this)" /><label class="num">0</label><input type="button" value="-" onclick="jian(this)" />樣子是這樣的javascript 代碼如下<script
Time of Update: 2017-01-19
GUID(全域統一標識符)是指在一台機器上產生的數字,它保證對在同一時空中的所有機器都是唯一的。通常平台會提供產生GUID的API。產生演算法很有意思,用到了乙太網路卡地址、納秒級時間、晶片ID碼和許多可能的數字。GUID的唯一缺陷在於產生的結果串會比較大。 GUID的格式為:xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx 大家都知道GUID在前端開發中用處不大,但如果需要插入某個ID,並且這個ID與後台對應等其它需要GUID的操作時,為了方便,我們還是可以產生
Time of Update: 2017-01-19
最近多個頁面需要載入一些下拉式清單方塊,供使用者選擇,原來都是在伺服器端進行載入應運用。最後由於商務邏輯方面的考慮,需要將DropDownList的部分功能放到用戶端實現。現在下拉式清單的功能使用起來感覺比全部放到伺服器端效能好多了。具體方法:在頁面中放入一個DropDownList控制項,並添加一項,用來分析其產生的HTML代碼,這樣在使用js進行動態控制時,將會非常清晰其測試代碼如下所示:<asp:DropDownList ID="DropDownList1"
Time of Update: 2017-01-19
第一步,把網頁儲存為Canvas畫布,藉助於html2canvas庫,http://html2canvas.hertzen.com/html2canvas(document.getElementById("id1"), { onrendered: function(canvas) { document.getElementById("id2").appendChild(canvas);//產生畫布後如何處理,當然可以在新標籤開啟,在浮層展示等等 }, canvas_id:
Time of Update: 2017-01-19
先看MDN中對於call的解釋call() 方法在使用一個指定的this值和若干個指定的參數值的前提下調用某個函數或方法.注:該方法的作用和 apply() 方法類似,只有一個區別,就是call()方法接受的是若干個參數的列表,而apply()方法接受的是一個包含多個參數的數組。文法fun.call(thisArg[, arg1[, arg2[, ...]]])
Time of Update: 2017-01-19
範圍永遠都是任何一門程式設計語言中的重中之重,因為它控制著變數與參數的可見度與生命週期。講到這裡,首先理解兩個概念:塊級範圍與函數範圍。什麼是塊級範圍呢?任何一對花括弧({和})中的語句集都屬於一個塊,在這之中定義的所有變數在代碼塊外都是不可見的,我們稱之為塊級範圍。函數範圍就好理解了(*^__^*) ,定義在函數中的參數和變數在函數外部是不可見的。大多數類C語言都擁有塊級範圍,JS卻沒有。請看下文demo://C語言 #include <stdio.h> void main() {
Time of Update: 2017-01-19
!!一般用來將後面的運算式強制轉換為布爾類型的資料(boolean),也就是只能是true或者false;經常看到這樣的例子:複製代碼 代碼如下:var a;var
Time of Update: 2017-01-19
1、原生的JavaScript實現複製代碼 代碼如下:var array1 = ["a", "b"];var array2 = ["c", "d"];我要合并後變成下面這樣:複製代碼 代碼如下:<span class="keyword" style="font-weight:bold">var</span> <span class="keyword" style="font-weight:bold">array</span>= [<span
Time of Update: 2017-01-19
JS 是一個很神奇的語言,內製的的很多函數可以幫我們進行數(進)制轉換;JS中可以直接使用16進位;var a = 0xff; //255將任意進位字串轉換為十進位,如二進位,八進位,十六進位, 第二數數不寫即為最常用的轉換為整型十進位;複製代碼 代碼如下:parseInt("11", 2); // 3 2進位轉10進位 parseInt("77", 8); // 63 8進位轉10進位parseInt("af", 16); //175