Time of Update: 2017-01-19
事件流瀏覽器中的事件流意味著頁面上可有不僅一個,甚至多個元素響應同一個事件。而這一個或多個元素響應事件發生的先後順序在各個瀏覽器(主要針對IE和Netscape)上是不同的。冒泡型事件(Dubbed Bubbling)IE上的解決方案就是冒泡型事件(Dubbed Bubbling)。冒泡型事件的基本思想是,事件按照從最特定的事件目標到最不特定的事件目標(document對象)的順序觸發。樣本(1):點擊我觸發冒泡型事件流樣本(1)的XHTML代碼結構:<span id="cnt0">
Time of Update: 2017-01-19
物件導向與基於對象幾乎每個開發人員都有物件導向語言(比如C++、C#、Java)的開發經驗。 在傳統物件導向的語言中,有兩個非常重要的概念 - 類和執行個體。 類定義了一類事物公用的行為和方法;而執行個體則是類的一個具體實現。 我們還知道,物件導向編程有三個重要的概念 - 封裝、繼承和多態。 但是在JavaScript的世界中,所有的這一切特性似乎都不存在。 因為JavaScript本身不是物件導向的語言,而是基於對象的語言。
Time of Update: 2017-01-19
本文執行個體講述了JavaScript簡單擷取系統目前時間的方法。分享給大家供大家參考,具體如下:運行效果截圖如下:具體代碼如下:<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>擷取目前時間</
Time of Update: 2017-01-19
我們今天就來看一下繼承中的類繼承以及類繼承和原型繼承的混用,所謂類繼承,就是使用call或者apply方法來進行冒充繼承:function Desk(size,height){this.size=size;this.height=height;}function MJDesk(size,height){Desk.call(this,size,height);//這種就叫類繼承.}var mj = new
Time of Update: 2017-01-19
1、()小括弧運算子 平時最常用的就是()運算子來調用一個函數 複製代碼 代碼如下://無參函數fun1 function fun1() { alert('我被調用了'); } fun1() //有參函數fun2 function fun2(param) { alert(param); } fun2('我被調用了') ECMAScript3後加入給Function加入了call和apply後,就有了下面兩種 2、call 複製代碼 代碼如下://無參函數fun1 function fun1()
Time of Update: 2017-01-19
Javascript重新整理頁面的幾種方法: 複製代碼 代碼如下:1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand('Refresh') 6 window.navigate(location) 7 location.replace(location) 8 document.URL=location.href 自動重新整理頁面的方法:
Time of Update: 2017-01-19
Raphael 是一個用於在網頁中繪製向量圖形的 Javascript 庫。它使用 SVG W3C 推薦標準和 VML 作為建立圖形的基礎,你可以通過 JavaScript 操作 DOM 來輕鬆建立出各種複雜的柱狀圖、餅圖、曲線圖等各種圖表,還可以繪製任意形狀的圖形,可以進行圖表或映像的裁剪和旋轉等複雜操作。 Raphaël 是跨瀏覽器的向量圖形庫,目前支援的瀏覽器包括: Firefox 3.0+,Safari 3.0+,Chrome 5.0+,Opera 9.5+ 以及
Time of Update: 2017-01-19
New Document [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2017-01-19
你也沒有必要使用new Array(),使用[]; 不要使用 new Number, new String, or new Boolean. 等等 不要使用new Function 來建立函數 比如你要寫 複製代碼 代碼如下: frames[0].onfocus = new Function("document.bgColor='antiquewhite'") 你應該這樣寫 複製代碼 代碼如下: frames[0].onfocus = function ()
Time of Update: 2017-01-19
控制項cloneNode()方法的使用 姓名性別年齡 1. 請選擇性別 男 女 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2017-01-19
理解深拷貝和淺拷貝之前需要弄懂一些基礎概念,記憶體中儲存的變數類型分為實值型別和參考型別。1、實值型別賦值的儲存特點, 將變數內的資料全部拷貝一份, 儲存給新的變數。例如:var num = 123 ;var num1=num;表示變數中儲存的數字是 123。然後將資料拷貝一份,就是將 123 拷貝一份. 那麼記憶體中有 2 個 數組;將拷貝資料賦值給 num2,其特點是在記憶體中有兩個資料副本.這可以理解為淺拷貝。2、參考型別的賦值。var o={name:'張三‘};var
Time of Update: 2017-01-19
複製代碼 代碼如下:function XMLObject() { this.isIE=true; if (window.ActiveXObject){isIE=true;}else{isIE=false;} var node_xml; var xmlDoc; if (isIE){ xmlDoc = new ActiveXObject("Msxml2.DOMDocument"); } else{ if (document.implementation &&
Time of Update: 2017-01-19
1. 談談Javascript的對象Javascript作為一種弱語言類型的語言,同時也是一種動態類型的語言。在使用Javascript的過程中,也常常需要用到Javascript的內建對象以及自訂的對象。1.1 如何建立對象Javascript是一種弱語言類型的語言,不必像Java、C#等進階語言那樣必須通過建構函式的方法來建立對象,在Javascript中,主要有兩種建立對象的方法,一種是直接通過new關鍵字定義,一種是通過函數來定義。如下: //第一種方式,直接通過new建立對象;
Time of Update: 2017-01-19
複製代碼 代碼如下:function Flower() { this.name="rose"; this.color="red"; } //Flower() 作為建構函式 var obj=new Flower(); //輸出 true, flower 作為類引用 alert(obj instanceof Flower); function 關鍵字可以聲明普通函數,這一點和其他語言中函數的概念是相同的。 除此之外,他還可以用於類的聲明和實現、對象的建構函式以及類的引用。
Time of Update: 2017-01-19
代碼清單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"; }
Time of Update: 2017-01-19
如下: 複製代碼 代碼如下:function checkAttachment(){ alert("here"); var attachmentArray = document.getElementsByTagName("input"); var attachmentSizeArray = document.getElementsByName("fileMaxSize"); var index = 0; for (var i = 0; i < attachmentArray.length;
Time of Update: 2017-01-19
以前我在網上總會看類似這種的JS效果: 點擊編輯時: (不好意思哈,圖在文章最後面) 這種列表與編輯都在同一頁的效果,確實很好,能夠給使用者帶來意想不到的美好體驗。可是它是怎麼實現的呢? 其實實現這種效果有很多方法,當然如果你的JS不好,可以用JQuery的組件,但是我想要是自己能寫出來總是好的。因此我抽了點時間來實現它。當我實現後,發現要實現這種效果是很簡單的,幾行JS代碼就搞定了,關鍵就是一個思路問題,下面我會具體的寫是怎麼實現的。
Time of Update: 2017-01-19
弱類型的Javascript不會按照程式員的願望從實際的變數類型到所需要的資料類型轉換,例如一個非常常見的錯誤,在瀏覽器指令碼中,從表單控制項中擷取使用者將要輸入的一個數實值型別的變數與另一個數值變數的和.因為變數類型在表單控制項中是字串類型(計時字串序列包含一個數字)這種嘗試將會添加那個字串到變數,即使這些值碰巧是一些數字,結果在第二個變數將會被轉換為字串類型,在最後只會把從表單控制項中得到的變數添加到第一個字串末尾。所以強制類型轉換還是比較重要的,下面看一下它的幾個強制轉換的函數:1.
Time of Update: 2017-01-19
一、簡化代碼 採用更為簡短的寫法,不僅可以減少輸入的字元數,還可以減少檔案大小。大部分採用簡單寫法的代碼,執行效率都有輕微提高。 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) {
Time of Update: 2017-01-19
第一種:view-source法 view-source是一種協議,早期基本上每個瀏覽器都支援這個協議。但是不知道什麼原因,從IE6 Beta2以後IE就不再支援此協議了。這個方法現在只能用在FireFox瀏覽器上使用了! 使用方法:在瀏覽器地址欄中輸入 view-source: 斷行符號即可看到網頁的原始碼了。 第二種:JavaScript法 這種方法似乎也不是通用的,在IE6和Opere瀏覽器上實驗成功,但是在FireFox瀏覽器上就沒成功!