Time of Update: 2017-01-19
在 Facebook 上有一個彩蛋: 登入 facebook.com ,點擊你首頁的任何地方,鍵盤輸入 Up, Up, Down, Down, Left, Right, Left, Right, B, A, Enter 後,再點擊頁面或滾動一下捲軸,你會發現特殊的變化(如下圖),嘿嘿 ^^ 玩過“魂鬥羅”的朋友,肯定一眼就能看出輸入的字元原來就是“魂鬥羅”中的“秘技”。其實“秘技”的術語叫 Konami Code,詳細見圖示:那如何用 JavaScript 也在自己的頁面上添加一個類似的彩蛋呢?
Time of Update: 2017-01-19
平時我們擷取事件對象一般寫法如下: 複製代碼 代碼如下: function getEvent(event) { return event || window.event // IE:window.event } 如果沒有參數,也可寫成(非IE :事件對象會自動傳遞給對應的事件處理函數,且為第一個參數): 複製代碼 代碼如下: function getEvent() { return arguments[0] || window.event // IE:window.event }
Time of Update: 2017-01-19
複製代碼 代碼如下: /* DisplayModule interface. */ var DisplayModule = new Interface('DisplayModule', ['append', 'remove', 'clear']); /* ListDisplay class. */ //通過介面實現工廠,這是通過List方式顯示RSS var ListDisplay = function(id, parent) { // implements DisplayModule
Time of Update: 2017-01-19
1.用javascript重新定義 window.onbeforeunload() 事件 在javascript裡定義一個函數即可 function window.onbeforeunload() { alert("關閉視窗")} alert()事件將會在關閉視窗前執行,你也可以使用者決定是否關閉視窗 function window.onbeforeunload() { if (event.clientX>document.body.clientWidth &&
Time of Update: 2017-01-19
1.數值型到String型的轉化 假設該數值型(int/float/double)變數為:num 其轉化後得到的字串為:str 則其轉化為字串的方式為有三種,分別如下: (1) str = String.valueOf(num); (2) str =Integer.toString(num); (3) str =num+""; 2.String型到數值型的轉化(此處以int為例,double,float類似) 其轉化方式有兩種,分別如下: (1)
Time of Update: 2017-01-19
1.建立Array對象(賦初值情況下)兩種方法: var aColor=new Array('red','black','yellow'); alert(aColor.toString());//output: red,black,yellow var aColor=['red','black','blue']; alert(aColor.toString());//output: red,black,blue 2.length:擷取數組長度 3.toString():輸出數組中的所有元素。
Time of Update: 2017-01-19
複製代碼 代碼如下: var testButton=document.getElementById("testButton"); function handlerTest() { var oEvent=window.event;//for IE //var oEvent=arguments[0];// for DOM if(oEvent.type=="click") { alert("click"); } else if(oEvent.type=="mouseover") {
Time of Update: 2017-01-19
讀取的xml: 複製代碼 代碼如下:<svg id="svgID" key="1"> <desc id= "descID"> Text1 </desc> <defs> Text2 </defs> <g> text3 </g> </svg>javascript對此xml的解析方法如下:複製代碼 代碼如下:<html xmlns="http://www.w3.org/1999/xhtml" xml:
Time of Update: 2017-01-19
複製代碼 代碼如下:parseInt("Hello",10);//return NAN parseInt("110",10);//return 110 所以簡單的判斷字串是否為數位方法就是利用isNaN(),如果返回true,則該字串不為數字,否則為數字複製代碼 代碼如下:isNaN(parseInt("Hello",10));//true; isNaN(parseInt("110",10));//false;
Time of Update: 2017-01-19
當第一次從主視窗進入到一個iframe簡稱{A}中,此時這個{A}中呈現的資料是新的,這時我又點了另外的一個iframe簡稱{B},這裡{B}的資料也是新的,在{B}中進行一些邏輯處理,如向{A}中批量增加模型資料,這裡我們再進入到{A}中會探索資料是被緩衝著的。因為是從{B}中對大量操作了{A}的資料,{B}是與server通訊的,也就是會進行邏輯層/持久層操作,這樣server端更新的呈現部分是{B}而不是全部,這也就是局部重新整理,只刷{B}。而我們需要做的是讓{A}中的內容也跟著變。
Time of Update: 2017-01-19
複製代碼 代碼如下:function User(properties){ for(var i in properties){ //遍曆該對象的所有屬性,並保證其作用於正確 (function(which){ var p=i; which["get"+p]=function(){ //動態產生的方法 return properties[p]; //返回對象的屬性值 }; which["set"+p]=function(val){ //動態產生的方法 properties[p]=val; }; })
Time of Update: 2017-01-19
效果如下圖:當點擊問題時顯示下面的回複內容。複製代碼 代碼如下:script type="text/javascript"> onload = function(){ faq(document.getElementsByTagName("dl")[0], "dt", "dd"); /* * faq函數:elem是父元素,qTag是標題元素,aTag是內容元素 */ } function faq(elem, qTag, aTag){ aTag = aTag || "dd"; //提供預設值,
Time of Update: 2017-01-19
複製代碼 代碼如下:[code] <script type="text/javascript"> var loading = { element: null, count: 0, ID: 0, createLoading: function(parent, width, height){ //用於產生外圍的進度條框 loading.element = document.createElement("div"); loading.element.id = "loading";
Time of Update: 2017-01-19
網上搜尋到的代碼,做了一些修改該, 修正無法自訂色彩,修正IE8 下錯誤,以及其他小BUG 相容IE6~8以及Firefox 可以自訂 // 提示視窗標題高度 // 提示視窗的邊框顏色 // 提示視窗的標題顏色 // 提示視窗的標題背景色 // 提示內容的背景色 // 提示內容文字對齊 功能 可以彈出一個大DIV遮住頁面(IE下 透明) 然後在螢幕中央顯示顯示一個小DIV 可用作功能提示 操作提示 以及公告等 提示內容可以使帶HTML標記的文字,也可是一個頁面連結 複製代碼
Time of Update: 2017-01-19
公用、受保護和私人範圍在傳統的物件導向程式設計中,主要關注於公用和私人範圍。公用範圍中的對象屬性可以從對象外部存取,即開發人員建立對象的執行個體後,就可使用它的公用屬性。而私人範圍中的屬性只能在對象內部訪問,即對於外部世界來說,這些屬性並不存在。這也意味著如果類定義了私人屬性和方法,則它的子類也不能訪問這些屬性和方法。最近,另一種範圍流行起來,即受保護範圍。雖然在不同語言中,受保護範圍的應用的規則不同,但一般說來,它都用於定義私人的屬性和方法,只是這些屬性和方法還能被其子類訪問。對ECMAScr
Time of Update: 2017-01-19
實際上,幾何形狀只有兩種,即橢圓形(是圓形的)和多邊形(具有一定數量的邊)。圓是橢圓形的一種,它只有一個焦點。三角形、矩形和五邊形都是多邊形的一種,具有不同數量的邊。正方形是矩形的一種,所有的邊等長。這就構成了一種完美的繼承關係。在這個例子中,形狀(Shape)是橢圓形(Ellipse)和多邊形(Polygon)的基類(base class)(所有類都由它繼承而來)。橢圓具有一個屬性foci,說明橢圓具有的焦點的個數。圓形(Circle)繼承了橢圓形,因此圓形是橢圓形的子類(subclass),
Time of Update: 2017-01-19
選定基類後,就可以建立它的子類了。是否使用基類完全由你決定。有時,你可能想建立一個不能直接使用的基類,它只是用於給子類提供通用的函數。在這種情況下,基類被看作抽象類別。儘管ECMAScript並沒有像其他語言那樣嚴格地定義抽象類別,但有時它的確會建立一些不允許使用的類。通常,我們稱這種類為抽象類別。建立的子類將繼承超類的所有屬性和方法,包括建構函式及方法的實現。記住,所有屬性和方法都是公用的,因此子類可直接存取這些方法。子類還可添加超類中沒有的新屬性和方法,也可以覆蓋超類中的屬性和方法。4.2.
Time of Update: 2017-01-19
1. 建立基類首先考慮Polygon類。哪些屬性和方法是必需的?首先,一定要知道多邊形的邊數,所以應該加入整數屬性sides。還有什麼是多邊形必需的?也許你想知道多邊形的面積,那麼加入計算面積的方法getArea()。圖4-3展示了該類的UML表示。圖
Time of Update: 2017-01-19
十六進位RGB色碼轉換器 風越ASP代碼產生器 之間:--> 之間:--> 十六進位RGB色碼轉換器 R G B 轉換 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2017-01-19
Javascript是無類型、解釋型語言 對大小寫敏感 html對大小寫不敏感 忽略空格符、定位字元、分行符號(關鍵字、變數、Regex 除外) ";"分號可選擇 //單行注釋 /*多行注釋*/ 標示符 開頭必須是字母、底線、$符號 關鍵字: break delete function return typeof case do if switch var catch else in this void continue false instanceof throw while