Time of Update: 2017-01-19
this是物件導向語言中的一個重要概念,在JAVA,C#等大型語言中,this固定指向運行時的當前對象。但是在javascript中,由於 javascript的動態性(解釋執行,當然也有簡單的先行編譯過程),this的指向在運行時才確定。這個特性在給我們帶來迷惑的同時也帶來了編程上的 自由和靈活,結合apply(call)方法,可以使JS變得異常強大。2.變化的this
Time of Update: 2017-01-19
例子如下: 複製代碼 代碼如下:<script> /** *動物 */ function Animal(){ this.name='Amimal'; this.showName=function(){ alert(this.name); }; } /* *貓 */ function Cat(){ this.name='cat'; } var animal=new Animal;//建立動物對象 var cat=new Cat;//建立貓對象 animal.showName.call(
Time of Update: 2017-01-19
隱藏表格列,最常見的是如下方式:複製代碼 代碼如下:td.style.display = "none";這種方式的效率極低。例如,隱藏一個千行表格的某列,在我的筆記本(P4 M 1.4G,768M記憶體)上執行需要約 4000毫秒的時間,令人無法忍受。例如如下代碼:複製代碼 代碼如下:<body> <input type=button onclick=hideCol(1) value='隱藏第 2 列'> <input type=button
Time of Update: 2017-01-19
複製代碼 代碼如下:<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>javascript列印頁面</title> <script type="text/javascript"><!-- function fPrint(){ //隱藏不需要列印的內容.
Time of Update: 2017-01-19
<div id="test"> <div>第一個</div> <div>第二個</div> <div>第三個</div> <div>第四個</div> </div> <script> function test() { var els = document.getElementById("test").getElementsByTagName("div");
Time of Update: 2017-01-19
支援這些介面的指令碼語言有:JavaScript/JScript、VBScript、Perl和Python等。 WSC有以下特點。 小巧高效; 易於建立、維護和部署; 提供了建立COM組件的能力; 提供了訪問大量系統服務的能力。 用JavaScript編寫COM組件的核心工作是完成一個.wsc(Windows Scripting Component)檔案。.wsc檔案是一種標準的XML檔案,其格式如下: <?xml
Time of Update: 2017-01-19
程式說明 【ColorGrads顏色梯度】 程式ColorGrads的作用是通過StartColor和EndColor產生顏色梯度集合。 顏色都可以用紅(r)、綠(g)、藍(b)三個顏色來表示。 程式中先通過GetColor把一般的顏色表示形式轉化成一個用紅(r)、綠(g)、藍(b)三個顏色值作元素的集合。 那就首先要知道有什麼顏色表示形式,從w3c的Colors部分可以知道有以下形式: 關鍵詞模式: em { color: red } RGB顏色模式: em { color: #f00 }
Time of Update: 2017-01-19
屏蔽Alt+F4等快速鍵: 複製代碼 代碼如下:<script> function KeyDown(){ //屏蔽滑鼠右鍵、Ctrl+n、shift+F10、F5重新整理、退格鍵 //alert("ASCII代碼是:"+event.keyCode); if ((window.event.altKey)&& ((window.event.keyCode==37)|| //屏蔽 Alt+ 方向鍵 ← (window.event.keyCode==39))){ //屏蔽 Alt+ 方向鍵
Time of Update: 2017-01-19
例如不能採用這種調用方式:element.onclick = test();element.onclick = test(arg1,arg2);只能通過element.onclick = function(){ ... };或者element.onclick = test這種方式來實現,所以無法給函數傳遞參數。參考了大量的網上資料,解決這個問題的方式,以代碼為例,如下所示: 複製代碼 代碼如下:function Handler() { }; Handler.prototype = { /* *
Time of Update: 2017-01-19
第1種方法: IE6: [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]IE7: [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]IE6、IE7、FF通用代碼: [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]第2種方法: <!--IE下的預設關閉方法,IE會彈一個對話方塊讓使用者確認--> <a href="javascript:window.close()">Default Close</a> &
Time of Update: 2017-01-19
JavaScript中的閉包真心是一個老生常談的問題了,最近面試也是一直問到,我自己的表述能力又不能完全支撐起來,真是抓狂。在回來的路上,我突然想到了一個很簡單的事情,其實我們在做項目時候,其實就經常用到閉包的,可是面試問的時候,回答又往往是我們經常搜到的答案,唉 不管是應付面試 還是真的想學點東西
Time of Update: 2017-01-19
1. SproutCoreSproutCore 蘋果對SproutCore的解釋為“開源,平台無關,類Cocoa的JavaScript架構,用於建立具有傳統型應用程式外觀和操作感的Web應用程式。”SproutCore demonstrations: Photos, Sample Controls 2. SprySpry 是Adobe 的 Ajax framework.
Time of Update: 2017-01-19
//interval變數 var inl = []; //原始透明度 var opa = 100; //判斷瀏覽器 var ie = navigator.appName == "Microsoft Internet Explorer" ? "Microsoft Internet Explorer" : ""; //縮小和開啟按紐 function gogo() { speed = 50; var mode; //利用方塊的display來判定是否縮小或放大 if(!$('tmp').style.
Time of Update: 2017-01-19
其實這個問題和瀏覽器的版本息息相關,作為菜鳥的我,直到現在也沒有找到完美的解決辦法。沒辦法,因為業務必須要實現,所以只好用另一種方法去做了:通過重新導向URL實現開啟新視窗的同時“關閉”舊視窗 test1.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> test1 </TITLE> <META
Time of Update: 2017-01-19
下面是雲棲社區一直也在用的幾種方法 複製代碼 代碼如下: <script language="javascript" type="text/javascript"> function request(paras){ var url = location.href; var paraString = url.substring(url.indexOf("?")+1,url.length).split("&"); var paraObj = {} for (i=0;
Time of Update: 2017-01-19
不過是iframe[name]的話,就涉及onload的問題了...所以就麻煩了許多.... 以下只是加了延遲...並沒有"真正"的處理onload的問題....其實可以迴圈window.open來解決,不過懶的弄就略了...^^ <a href="javascript:void(0);" onclick="openC('http://www.jb51.net/', 'cs', this)">jb51.net</a> <script
Time of Update: 2017-01-19
今天我又碼了兩個特效:一個是用原生input[type=range]的,另一個完全自訂的;下面是完整代碼和示範:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> #tip{ position: absolute; top: 30px; left: 0;
Time of Update: 2017-01-19
近年來隨著作業系統的升級以及各種新技術的開發普及,拋棄低版本IE已經是大勢所趨,這對於前端人員來時是個好訊息,可以不用花費太多的時間來做低版本的相容,很多網站採用給予低版本IE以提示的方式(恩,很友好很人道)給遊客,一般是在header上給一個提示,指令碼檢測如下:function getIEVersion(){ var rv = -1; // Return value assumes failure. if(navigator.appName == 'Microsoft
Time of Update: 2017-01-19
Array類型是ECMAScript中最常用的參考型別。ECMAScript中的資料與其它大多數語言中的數組有著相當大的區別。雖然ECMAScript中的資料與其它語言中的數組一樣都是資料的有序列表,但不同的是,ECMAScript數組中的每一項可以儲存任何類型的資料,無論是數值、字串或者是對象。同時,ECMAScript中的數組大小是可以動態調整的,即可以根據資料的添加自動成長以容納新增的資料。下面總結一下JavaScript中數組常用的操作函數及用法。•建立數組建立數組主要有建構
Time of Update: 2017-01-19
現在有一個需求如下圖:產品經理說Card Number只能讓輸入數字(中間的空格是格式自加的,也是用js實現的),有時候我腦海中出現了個聲音,啥玩意,加個type=number不就行了,事實發現圖樣圖森破了,先不說type=number後面會有個上下標(雖然用css可幹掉),但是這個類型是支援科學IME的,就是小數點和e這樣的是可以輸入的,於是乎只能用其他的方式了,後來想用檢索到輸入了非數字就幹掉,但是這樣還是能輸入,想法被打回,於是乎最終採用了鍵盤輸入控制的辦法,其實很簡單,代碼如下: