Time of Update: 2017-02-28
文章簡介:百個前端設計常用Javascript語句。 1.document.write( ” “); 輸出語句2.JS中的注釋為//3.傳統的HTML文檔順序是:document- >html- >(head,body)4.一個瀏覽器視窗中的DOM順序是:window-
Time of Update: 2017-02-28
文章簡介:WebGL是一種3D繪表徵圖准,這種繪圖技術標準允許把JavaScript和OpenGL ES 2.0結合在一起,為HTML5 Canvas提供硬體3D加速渲染。WebGL技術標準免去了開發網頁專用渲染外掛程式的麻煩,可被用於建立具有複雜3D結構的網站頁面,甚至可以用來設計3D網頁遊戲等。 WebGL是一種3D繪表徵圖准,這種繪圖技術標準允許把JavaScript和OpenGL ES 2.0結合在一起,為HTML5
Time of Update: 2017-02-28
文章簡介:substring()用法. 一個小例子:var name="";var
Time of Update: 2017-02-28
文章簡介:JavaScript範圍安全建構函式. 建構函式其實就是一個使用new操作符調用的函數。當使用new調用時,建構函式內用到的this對象會對指向新建立的對象執行個體,如下的例子所示:function Person(name, age, job) { this.name = name; this.age = age; this.job = job;}var person = ("Nicholas", 29,
Time of Update: 2017-02-28
文章簡介:JavaScript滑鼠拖動+自動吸附執行個體。 學了幾天的JavaScript,自己動手做了一個簡單的滑鼠拖動的執行個體,拖動過程中科自動檢測與目標容器的距離,在一定的距離範圍內可以自動將被拖動的元素加入到目標容器中,希望對開始學習javascript的童鞋有用……先看看效果圖(Chrome、FireFox、Opera、Safari、IE9測試通過):效果圖(虛線框:目標對象 藍色填充透明框:臨時拖動對象
Time of Update: 2017-02-28
文章簡介:JavaScript中的數組. Array是JavaScript中常用的類型,並且JavaScript中的數組和其他語言的數組有比較大的區別。JavaScript中數組中存放的資料類型不一定相同,而且數組的長度也是可改變的。下面記錄一下Array的常用操作:一 建立數組建立數組可以用一下方法:var obj = ['zdy',22,'湖北武漢','電腦科學與技術'];//建立一個陣列變數var obj1 = new
Time of Update: 2017-02-28
文章簡介: JavaScript中的數組排序。 JavaScript提供了sort()方法和reverse()方法,使得我們可以簡單的對數組進行排序操作和逆序操作。其中:1.JavaScript的sort()中如果沒有指定比較函數,則預設會按照字元的編碼順序進行升序排序。也就是說如果我們想要對數值進行排序得到的不一定是我們想要的結果。2.Javascript的reverse()將數組中的元素逆序。先看看上面的第一點,如果有一個數組arr=[1,6,3,7,9],使用arr.
Time of Update: 2017-02-28
文章簡介:建立自訂對象的最簡單的方式就是建立一個Object執行個體,然後再為它添加屬性和方法. 建立自訂對象的最簡單的方式就是建立一個Object執行個體,然後再為它添加屬性和方法,如下所示:var person = new Object();person.name = "Nicholas";person.age = "29"person.job = "Software
Time of Update: 2017-02-28
以下方法[chekDate]驗證類似"YYYY-MM-DD"格式的日期輸入.包括日期實際性驗證. 若日期正確,返回true;否則返回false. function checkDate(theDate){ var reg = /^\d{4}-((0{0,1}[1-9]{1})(1[0-2]{1}))-((0{0,1}[1-9]{1})([1-2]{1}[0-9]{1})(3[0-1]{1}))$/; var result=true;
Time of Update: 2017-02-28
文章簡介:ECMAScript通過RegExp類型來支援Regex。 ECMAScript通過RegExp類型來支援Regex。var expression = /pattern / flags;其中的模式(pattern)部分可以是任何簡單會複雜的Regex,可以包含字元類、限定符、分組、向前尋找,以及反向引用。每個Regex都可帶有一個或多個標誌(flags),用以標明Regex的行為。三個標誌:g
Time of Update: 2017-02-28
文章簡介:Javascript執行個體教程:DOM方法建立和修改表格. <table>元素是HTML中最複雜的結構之一。要想建立表格,一般都必須涉及表示表格行、儲存格、表頭等方面的標籤。由於涉及的標籤多,因而使用核心DOM方法建立和修改表格往往都免不了要編寫大量的代碼。假設我們要使用DOM來建立下面的HTML表格:<table border="1" width="100%"> <tbody>
Time of Update: 2017-02-28
文章簡介:IE和FireFox中的childNodes區別!! Javascript中,相信大家都試過用getElementsByTagName和childNodes來實現對節點的遍曆。但是getElementsByTagName對複雜的DOM結構遍曆明顯不如用childNodes,因為childNodes能更好的處理DOM的層
Time of Update: 2017-02-28
文章簡介:為firefox實現innerText屬性。 很多代碼寫了又忘忘了又寫,很浪費,所以決定養成做筆記的習慣。知識點:0、為什麼要innerText?因為安全問題 1、為firefox dom模型擴充屬性
Time of Update: 2017-02-28
文章簡介:做移動、拖動時常用的js屬性. 1.clientHeight, clientWidth: 這兩個屬性大體上顯示了元素內容的象素高度和寬度.理論上說這些測量不考慮任何通過樣式表加入 元素中的頁面邊界,邊框等. 2.clientLeft,clientTop: 這兩個返回的是元素周圍邊框的厚度,如果不指定一個邊框或者不定位改元素,他的值就是0. 3.scrollLeft,scrollTop: 如果元素是可以滾動的,可以通過這倆個屬性得到元素在水平和垂直方向上滾動了多遠,
Time of Update: 2017-02-28
文章簡介:js遞迴函式調用自身時的保險方式。 來自js進階程式設計一個典型階乘遞迴函式:function fact(num){if (num<=1){return 1;}else{return num*fact(num-1);}}以下代碼可導致出錯:var anotherFact = fact;fact = null;alert(antherFact(4));
Time of Update: 2017-02-28
文章簡介:物件導向——自訂捲軸,配合滑鼠事件;估計錯誤很多. 物件導向——自訂捲軸,配合滑鼠事件;估計錯誤很多,大家幫忙找找茬吧!<!DOCTYPE HTML> <html lang="en-US"> <head> <meta
Time of Update: 2017-02-28
文章簡介:最後undefined 感謝閱讀此文!真誠的希望它能幫你成為一名JavaScript 愛好者。如果你已對JavaScript 很熟悉,你可以在評論中推薦其他任何相關資源。 學習新的東西是件可怕的事。對我來說,掌握一項新技能最大的問題是,我不知道自己懂什麼。鑒於此,定個計劃,學習你感興趣的東西應該會有用。這篇文章的主旨就是:你為學習JavaScript
Time of Update: 2017-02-28
文章簡介:網頁標題閃爍Jquery版本與Javascript版本。 霸氣宣言:網頁標題閃爍 作品類型:動態效果(動態JS、jQuery作品) 作品描述:網頁標題閃爍Jquery版本與Javascript版本
Time of Update: 2017-02-28
文章簡介:使用HTML元素的style.left,style.top,style.width,style.height以及width,height屬性,都不能獲得元素的真正位置與大小,這些屬性取出來的都是原來的設定值,例如width="500",那麼通過document.getElementById(“table1″).width取出來的值永遠都是500,而不管這個表
Time of Update: 2017-02-28
文章簡介:querySelector()方法接受一個CSS查詢並返回匹配模式的第一個子孫元素,如果沒有匹配的元素則返回null。 querySelector()方法接受一個CSS查詢並返回匹配模式的第一個子孫元素,如果沒有匹配的元素則返回null。請看下面的例子://擷取body元素var body = document.querySelector("body");//擷取ID為myDiv的元素var myDiv =