Time of Update: 2017-01-19
本文執行個體講述了javascript使用appendChild追加節點的方法。分享給大家供大家參考。具體分析如下:DOM樹節點的增加,執行個體代碼如下:複製代碼 代碼如下:<html><head><script type="text/javascript">function t(){ var nodep = document.createElement('p');//建立p節點 var art =
Time of Update: 2017-01-19
本文執行個體分析了Javascript閉包的概念及用法。分享給大家供大家參考。具體如下:提到閉包,想必大家都早有耳聞,下面說下我的簡單理解。說實話平時工作中實際手動寫閉包的情境並不多,但是項目中用到的第三方架構和組件或多或少用到了閉包。所以,瞭解閉包是非常必要的。呵呵...一、什麼是閉包簡而言之,就是能夠讀取其他函數內部變數的函數。由於JS變數範圍的特性,外部不能訪問內部變數,內部可以外部變數。二、使用情境1. 實現私人成員。2. 保護命名空間,避免汙染全域變數。3.
Time of Update: 2017-01-19
本文執行個體講述了javascript二維數組轉置的方法。分享給大家供大家參考。具體實現方法如下:複製代碼 代碼如下:<script language="javascript" type="text/javascript">var arr1 = [[30,-1,90],[70,100,-40],[39,29,6],[39,92,9]];var arr2 = [];//確定新數組有多少行for(var i=0;i<arr1[0].length;i++){ arr2[i]
Time of Update: 2017-01-19
首先我們來看個樣本:複製代碼 代碼如下:<form name="buyerForm" method="post" action="/mysport/control/user/list.do"><input type="checkbox" id="usernames" value="testtest" >testtest<br><input type="checkbox" name="usernames" value="testtest"
Time of Update: 2017-01-19
本文詳細的講解了JavaScript及IE瀏覽器對記憶體的管理和釋放的時機和方法,希望對前端開發人員有所協助。一個記憶體釋放的執行個體複製代碼 代碼如下:<SCRIPT LANGUAGE="JavaScript"><!--strTest = "1";for ( var i = 0; i < 25; i ++ ){strTest += strTest;}alert(strTest);delete
Time of Update: 2017-01-19
都是些常用的功能,這裡就不多廢話了,小夥伴們自己看下就明白了奉上代碼:複製代碼 代碼如下://cookiefunction setCookie(name, value, iDay){ if(iDay!==false) { var oDate=new
Time of Update: 2017-01-19
如今各個架構都在模組化,連前端的javascript也不例外。每個模組負責一定的功能,模組與模組之間又有相互依賴,那麼問題來了:javascript的依賴注入如何??(javascript的依賴注入,各大架構都有相應的實現,這裡只學習實現思路)如下需求:假設已經有定義好的服務模組Key-Value集合,func為添加的新服務,參數列表為服務依賴項。複製代碼 代碼如下:var services = { abc : 123, def : 456, ghi : 789 }; //
Time of Update: 2017-01-19
本文執行個體講述了JavaScript常用的返回,自動跳轉,重新整理,關閉語句。分享給大家供大家參考。具體如下:1. Javascript 返回上一頁:複製代碼 代碼如下:history.go(-1)返回兩個頁面: 複製代碼 代碼如下:history.go(-2) 2. 後退:複製代碼 代碼如下:history.back()3. 返回下一頁:複製代碼 代碼如下:window.history.forward()4. 返回第幾頁,也可以使用訪問過的URL:複製代碼
Time of Update: 2017-01-19
看了javascript網頁特效執行個體大全中的圖片飄下的效果執行個體,覺得值得動手學習下。就把圖片改成雪花圖,完成一個雪花飄下的效果。並且,其中有些內容比較陳舊了,那麼就學者改掉吧。包括:1.對left和top的操作僅支援IE瀏覽器,這咋行,必須得支援chrome。2.控製圖片下落的過程還要去檢索element,不好吧,那就改成數組維持,直接運算元組中維持的對象,啟不更快。3.向文檔中添加元素直接改成通過JS代碼建立元素對象的方式。實現思路:1.初始化產生10個div,全都採用絕對位置,每個d
Time of Update: 2017-01-19
本文執行個體講述了javascript數組輸出的兩種方式。分享給大家供大家參考。具體如下:遍曆javascript數組,兩種方式:第一種:複製代碼 代碼如下:<script language="javascript" type="text/javascript">var str = "how are you today";var arr = str.split(" ");for(var key in
Time of Update: 2017-01-19
原生javascript刪除指定子項目代碼執行個體:本章節介紹一下如何利用原生javascript實現刪除指定子項目。大家都知道使用jquery實現此功能更為方便,不過使用原生的javascript也不麻煩,下面做一下介紹。關於jquery如何?此功能可以參閱jquery刪除指定子項目代碼執行個體一章節。代碼執行個體:複製代碼 代碼如下:<!DOCTYPE HTML><html><meta
Time of Update: 2017-01-19
本文執行個體講述了javascript物件導向之共用成員屬性與方法及prototype關鍵字用法。分享給大家供大家參考。具體如下:共用成員屬性與方法,使用prototype關鍵詞複製代碼 代碼如下:<script language="javascript" type="text/javascript">function Dog(){}Dog.prototype.shout=function(){ alert("hello,小狗");}Dog.prototype.name="
Time of Update: 2017-01-19
本文執行個體分析了javascript物件導向之定義成員方法。分享給大家供大家參考。具體如下:javascript物件導向,定義成員方法如下所示:複製代碼 代碼如下:<script language="javascript" type="text/javascript">function Person(name,age){ this.name = name; this.age = age; this.show = function(){
Time of Update: 2017-01-19
本文執行個體分析了javascript物件導向之this關鍵詞用法。分享給大家供大家參考。具體分析如下:當需要初始化某個屬性時,可以在原型對象內使用this關鍵詞。如下面執行個體:複製代碼 代碼如下:<script language="javascript" type="text/javascript">function Person(){ this.name = "王美人"; this.age = 25;};var p1 = new Person();var
Time of Update: 2017-01-19
這裡想實現的效果是:設定和移除文字框預設值,如下圖滑鼠放到文字框中的時候,灰字消失。1.可以用簡單的方式,就是給input文字框加上onfocus屬性,如下代碼:複製代碼 代碼如下:<input id="keyword" name="keyword" size="10" class="inputstyle keywords"
Time of Update: 2017-01-19
本文執行個體分析了javascript物件導向之訪問對象屬性的兩種方式。分享給大家供大家參考。具體如下:javascript物件導向的訪問對象屬性的兩種方式。如下代碼所示:複製代碼 代碼如下:<script language="javascript" type="text/javascript">function Person(){};var p1 = new Person();p1.name="王美人";document.writeln(p1.name+"<br />"
Time of Update: 2017-01-19
本文進一步分析講述了javascript物件導向之對象的深入理解。分享給大家供大家參考。具體分析如下:javacript物件導向程式設計中,可以理解為一切都是對象。執行個體代碼如下:複製代碼 代碼如下:<script language="javascript" type="text/javascript">function Cat(){}var cat1 = new Cat();//建立類執行個體cat1.name = "小狗";cat1.age =
Time of Update: 2017-01-19
本文深入淺出的講述了javascript物件導向快速入門執行個體。分享給大家供大家參考。具體如下:javascript物件導向入門案例:複製代碼 代碼如下:<script language="javascript" type="text/javascript">function Cat(){//js中對象的定義與函數一樣,不同點在於怎麼樣調用。}var cat1 = new
Time of Update: 2017-01-19
本文執行個體講述了javascript引用賦值(地址傳值)用法。分享給大家供大家參考。具體如下:javascript在預設情況下,數組、對象和函數是引用賦值,如下代碼所示:複製代碼 代碼如下:<html><head><script type="text/javascript">var a={age:20,height:175};var b = a;alert(b.age);b.age = 25;alert(a.age);</script></
Time of Update: 2017-01-19
本文執行個體分析了javascript定義變數時帶var與不帶var的區別。分享給大家供大家參考。具體分析如下:直接看執行個體裡說明:複製代碼 代碼如下:<script language="javascript" type="text/javascript">var abc=89;//帶var,表示全域變數function test(){ var