Time of Update: 2017-01-13
一、定義:htmlDOM是一種物件導向的樹的模型,它包含html中的所有元素;通過html可以找到所有包含在dom中的元素。二、作用:1、尋找html元素1)通過id尋找元素(document.getElementById();)<div id="d" ></div>var x=document.getElementById("d");2)通過標籤名尋找元素 <div id="m"><
Time of Update: 2017-01-13
在這篇部落格裡面我們主要講述了form對象,以及寫JavaScript代碼的時候不同瀏覽器之間的差異和在JavaScript中使用Regex的一些知識點,接下來我們做了兩個練習來說明了這些知識點,那就是:斷行符號實現Tab跳轉和全額文字框。form對象 (1) 先來寫段代碼舉例說明一下吧 代碼如下複製代碼 <form id="form1" action="ball.htm"
Time of Update: 2017-01-13
JavaScript 語言設計的不嚴謹,有時候很容易把人給搞暈,比如說這個變數有效性判斷。先舉幾個例子:想要理解為什麼得出上面的結果,首先得明白 undefined 和 null 在 JavaScript 中所表示的不同含義。這裡借用下阮一峰老師部落格中的一個結論:null和undefined基本是同義的,只有一些細微的差別。null表示”沒有對象”,即該處不應該有值。典型用法是:(1) 作為函數的參數,表示該函數的參數不是對象。(2)
Time of Update: 2017-01-13
封裝: 把相同功能的代碼丟到一個函數中,重複調用。封裝css函數 : 1,可以擷取元素的樣式
Time of Update: 2017-01-13
this是Javascript語言的一個關鍵字。它代表函數運行時,自動產生的一個內部對象,只能在函數內部使用。比如, function test(){ this.x = 1; }隨著函數使用場合的不同,this的值會發生變化。但是有一個總的原則,那就是this指的是,調用函數的那個對象。下面分四種情況,詳細討論this的用法。情況一:純粹的函數調用這是函數的最通常用法,屬於全域性調用,因此this就代表全域對象Global。請看下面這段代碼,它的運行結果是1。 function
Time of Update: 2017-01-13
眾所周知,由於前端javascript對跨域訪問做了安全限制,javascript只能訪問與包含它的文檔在同一域下的內容。而實際編碼時我們會遇到使用iframe跨域訪問、Ajax跨域通訊等操作,這個時候如何突破跨網域作業的問題,本文將結合執行個體講述解決方案。iframe不同子域通訊在同一主域不同子域如何進行Javascript調用?這個問題好解決,例如現有主域111cn.net和子域abc.111cn.net,在111cn.net有一個頁面嵌入iframe的指向了abc.111cn.net下的
Time of Update: 2017-01-13
伴隨著今年10月底HTML5標準版的發布,未來使用H5的情境會越來越多,這是令web開發人員歡欣鼓舞的事情。然而有一個現實我們不得不看清,那就是IE系列瀏覽器還佔有一大部分市場份額,以IE8、9為主,windows8.1的使用者已經用上了IE10/11,而考慮我國的國情,IE6、7依然存留不少。在我們放手用HTML5開發的時候,新特性支援度檢測就是必不可少的了。一種方式是用navigator.userAgent或navigator.appName來檢測瀏覽器類型和版本,不過這種方式不是很可靠,瀏
Time of Update: 2017-01-13
在實際前端開發中,我們使用replace進行字串的替換,如:var str = '1231';str.replace('1','a'); //'a231' 如果想要替換字串中所有的某個字元,可以使用正則:var str = '1231';str.replace(/1/g,'a'); //'a23a'但是如果我們想要替換變數,用上述的方法就不行了:var str = '1231';var c = '1';str.replace(/c/g,'a'); //'1231
Time of Update: 2017-01-13
一直以來,我們都希望用js擷取準確的時間,也就是北京時間,當畢竟js是用戶端語言,只能擷取到本地的時間,而這個在我們做項目的時候往往是不準確的,我們無法保證使用者的電腦時間都是準確的,所以我們一般用伺服器端語言來擷取伺服器的時間。雖然,伺服器端語言擷取時間很輕鬆,但是對於前端開發人員來說沒有任何作用,他們需要用JS擷取準確的時間,下面就介紹一種使用JS擷取伺服器時間的方法:在背景程式把頁面元素傳遞給瀏覽器的時候會有一個Response
Time of Update: 2017-01-13
在JavaScript中,建立數組可以使用Array建構函式,或者使用數組直接量[],後者是首選方法。Array對象繼承自Object.prototype,對數組執行typeof操作符返回object而不是array。然而,[] instanceof Array也返回true。也就是說,類數組對象的實現更複雜,例如strings對象、arguments對象,arguments對象不是Array的執行個體,但有length屬性,並能通過索引取值,所以能像數組一樣進行迴圈操作。
Time of Update: 2017-01-13
匹配字元例如:京Z 12345 -京Z12345ZF 12345 -ZF12345臨時12345 臨時 12345規則:第一位:中文或字母第二位:字母或中文第三位可以是空格可以沒有後面跟字母或數字5-7個最終結果:$str="京時
Time of Update: 2017-01-13
並在標籤中引入:<script src =http://d3.v2.min.js></script>用D3實現資料視覺效果,首先需要定義資料。我們將採用json格式的資料。當然可以使用其他類型的資料。var data = {“east” : [ {"orderNum":12}, {"orderNum":20}, {"orderNum":30}, {"orderNum":
Time of Update: 2017-01-13
一般情況下,使用 “=” 可以實現賦值。但對於數組、對象、函數等這些參考型別的資料,這個符號就不好使了。1. 數組的簡單複製1.1
Time of Update: 2017-01-13
由於程式設計的緣故,很多時候我們希望使用者輸入的東西為英文符號,我們可以給使用者提示,但是我們又不能保證他們都會遵守,所以用js轉換中文符號為英文符號就變得迫切需要了。function changeDouHao(str){ str=str.replace(/,/ig,','); return str; } 這是一個轉換逗號的例子,使用了正則字串替換,同理可得function changeWenHao(str){
Time of Update: 2017-01-13
定義和用法random() 方法可返回介於 0 ~ 1 之間的一個隨機數。文法Math.random()傳回值0.0 ~ 1.0 之間的一個偽隨機數。開啟Node,進入終端命令列模式,輸入Math.random(): >Math.random() 0.436846193857491結果是不是依舊如同往常一樣稀鬆平常的小於1的一個偽隨機數跳了出來呢。
Time of Update: 2017-01-13
一段代碼,瞭解靜態方法和執行個體方法:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
Time of Update: 2017-01-13
1. 當一個對象為不可見時,在IE中是不可以設定它集中焦點的,但是在Firefox裡可以2. 向表(Table)追加行:在FF、Safari、Opera等瀏覽器中,用document.createElement建立行後用document.appendChild將行直接添加到表上。但是在IE裡不可以,而且沒有任何錯誤提示,這時候,需要為表添加表體(tbody),然後將新建立的行添加到表體(tbody),3. childNodes的不同:Firefox把斷行符號後的空白當作文本節點,而ie不是4.
Time of Update: 2017-01-13
最簡單的 代碼如下複製代碼 <a href='#' onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage(window.location.href);">設為首頁</a><a
Time of Update: 2017-01-13
Private private成員由建構函式產生。普通的var變數和建構函式的參數都稱為private成員。 代碼如下複製代碼 function Container(param) { this.member = param; var secret = 3; var that = this;} 該建構函式建立了3個private執行個體變數:
Time of Update: 2017-01-13
下面看一段最簡單的電話號驗證,這裡只判斷了使用者輸入的是資料就可以通過這是很有問題的 代碼如下複製代碼 function Number_Validator(testValue){ var checkOK = "0123456789"; var checkStr = testValue; var allValid = true;