Time of Update: 2017-01-19
本文執行個體講述了javascript強制點擊廣告的方法。分享給大家供大家參考。具體如下:這裡介紹的強制點擊廣告的JavaScript代碼,先點擊廣告後下載地址才生效,或者是先點擊廣告後才會顯示某部分內容,一般用於下載站或文檔資料類網站,盡量不要多用哦,否則網站的使用者體驗會很差!複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/
Time of Update: 2017-01-19
本文執行個體講述了觸屏中的JavaScript事件。分享給大家供大家參考。具體分析如下:一、觸摸事件ontouchstartontouchmoveontouchendontouchcancel目前移動端瀏覽器均支援這4個觸摸事件,包括IE。由於觸屏也支援MouseEvent,因此他們的順序是需要注意的:touchstart → mouseover → mousemove → mousedown → mouseup → click1執行個體如下:/*** onTouchEvent*/var
Time of Update: 2017-01-19
本文執行個體分析了JavaScript事件委託技術。分享給大家供大家參考。具體分析如下:如果一個整體頁面裡有大量的按鈕.我們就要為每一個按鈕綁定事件處理常式.這樣就會影響效能了.首先每個函數都是對象,對象就會佔用很多記憶體.記憶體中的對象越多,效能就越差.其次,dom訪問次數增多,就會導致消極式載入頁面.事實上,從如何來利用好事件處理常式,還是有很好的解決方案的.事件委託:對事件處理常式過多的問題解決的方案就是事件委託技術.事件委託技術利用了事件冒泡.只需指定一個事件處理常式.我們可以為某個需要
Time of Update: 2017-01-19
本文執行個體講述了JavaScript比較兩個對象是否相等的方法。分享給大家供大家參考。具體如下:在Python中可以通過cmp()內建函數來比較兩個對象所包涵的資料是否相等(數組、序列、字典)。但是在javascript語言中並沒有相關的實現。本js代碼通過對js對象進行各方面的比較來判斷兩個對象是否相等cmp = function( x, y ) { // If both x and y are null or undefined and exactly the same if ( x ==
Time of Update: 2017-01-19
本文不是參考手冊式文章,僅適用於對JS產生一個大致的認知,如需JS的詳細文法與應用請移步w3schoolJavaScript是什嗎?JavaScript的誕生在1995年前後,當時世界上的主流頻寬為28.8Kbps,現在世界平均下載頻寬為21.9Mbps(資料來源於http://www.netindex.com)。當時的網民,每提交一次表單,都需要等待很久才能收到伺服器的回應,甚至很可能等了幾分鐘收到的卻是說缺少了某一項。為了改善使用者體驗,嵌入瀏覽器用戶端的能實現簡單表單判斷的指令碼誕生了,這
Time of Update: 2017-01-19
JavaScript是一門物件導向的語言。在JavaScript中有一句很經典的話,萬物皆對象。既然是物件導向的,那就有物件導向的三大特徵:封裝、繼承、多態。這裡講的是JavaScript的繼承,其他兩個容後再講。JavaScript的繼承和C++的繼承不大一樣,C++的繼承是基於類的,而JavaScript的繼承是基於原型的。現在問題來了。原型是什嗎?原型我們可以參照C++裡的類,同樣的儲存了對象的屬性和方法。例如我們寫一個簡單的對象複製代碼 代碼如下:function
Time of Update: 2017-01-19
javascript 閉包是一個很有趣的東東。看了些相關資料http://www.jb51.net/article/29472.htm,對其印象最深刻的是:實現了public 和private。建立一個非匿名閉包最簡單的文法是:複製代碼 代碼如下:var obj = (function(){//各種代碼 });閉包最經典的例子:複製代碼 代碼如下:var makeCounter = (function () { &
Time of Update: 2017-01-19
javascript中聲明函數的方法有兩種:函式宣告式和函數運算式.區別如下:1).以函式宣告的方法定義的函數,函數名是必須的,而函數運算式的函數名是可選的.2).以函式宣告的方法定義的函數,函數可以在函式宣告之前調用,而函數運算式的函數只能在聲明之後調用.3).以函式宣告的方法定義的函數並不是真正的聲明,它們僅僅可以出現在全域中,或者嵌套在其他的函數中,但是它們不能出現在迴圈,條件或者try/catch/finally中,而
Time of Update: 2017-01-19
this關鍵字在javascript中是非常強大的,但是如果你不清楚它是怎麼工作的就很難使用它.複製代碼 代碼如下:function dosomething(){ this.style.color="#fff"; }
Time of Update: 2017-01-19
從後端資料庫讀取時間時,經常會把整個日期年月日包括時分秒都取到,如2015-1-28 14:56:00,但是一般的我們只需要前面的年月日就行了.一個簡單的方法,直接用split(" ")[0]就可以以空格截取,獲得截取的第一段,就是我們要的年月日.現在來說說用Regex怎麼實現.思路:擷取到字串中的空格,然後把空格及空格後的字元全部替換為空白.擷取空格的正則為\s實踐:複製代碼 代碼如下:var date = "2015-12-26
Time of Update: 2017-01-19
本文執行個體講述了JavaScript將Web頁面內容匯出到Word及Excel的方法。分享給大家供大家參考。具體實現方法如下:<HTML><HEAD> <title>WEB頁面匯出為EXCEL文檔的方法 </title></HEAD><body><BR><table id = "PrintA" width="100%" border="1" cellspacing="0" cellpadding="0"
Time of Update: 2017-01-19
本文執行個體講述了javascript上下方向鍵控製表格行選中並高亮顯示的方法。分享給大家供大家參考。具體實現方法如下:<style>tr.highlight { background:#08246B; color:white;}</style><table border="1" width="70%" id="ice"> <tr onClick="selectTR();return false;">
Time of Update: 2017-01-19
本文執行個體講述了javascript轉換日期文字為Date日期對象的方法。分享給大家供大家參考。具體如下:這裡實現把一個日期文字如“2014-4-28 12:31:45”轉換為Date對象:方法一:複製代碼 代碼如下:var strArray=str.split(" "); var strDate=strArray[0].split("-"); var strTime=strArray[1].split(":"); var a=new
Time of Update: 2017-01-19
本文執行個體講述了javascript擷取元素離文檔各邊距離的方法。分享給大家供大家參考。具體實現方法如下:複製代碼 代碼如下:function getDistance(obj) { if (!obj instanceof jQuery) { obj = $(obj); } var distance = {}; distance.top =
Time of Update: 2017-01-19
本文執行個體分析了JavaScript函數範圍鏈。分享給大家供大家參考。具體分析如下:範圍鏈:JavaScript的每個函數function都有自己的範圍,使用Active Object(簡稱AO)使用中的物件來儲存,在相互嵌套的函數中形成了範圍鏈,如下圖所示:範圍鏈就是從裡到外的AO鏈變數的尋找:函數fn3中使用的變數,如在fn3範圍內尋找不到,則往外層fn2範圍尋找,以此類推,直到全域對象window代碼示範如下:var c = 5; function t1(){ var d = 6;
Time of Update: 2017-01-19
本文執行個體講述了JavaScript匿名函數用法。分享給大家供大家參考。具體如下:一、定義一個函數在JavaScript中,可以通過“函式宣告”和“函數運算式”來定義一個函數,比如1、通過“函式宣告”來定義一個函數function t1(){}2、通過“函數運算式”來定義一個函數t2 = function(){}但是兩種方式定義函數,效果是不同的t1是函式宣告,‘詞法分析'時,AO.t1 =
Time of Update: 2017-01-19
本文執行個體講述了JavaScript自訂數組排序方法。分享給大家供大家參考。具體分析如下:Array中有內建的排序功能,這個使用起來比較方便,我們有一點必須清楚,就是排序的依據,如果sort不傳入參數的話,那就是按照字元編碼(Unicode編碼)的順序排序。var a=["3","2","1"]; console.log(a[0].charCodeAt(0)); // 51 console.log(a[1].charCodeAt(0)); // 50
Time of Update: 2017-01-19
JavaScript設計模式的作用是提高代碼的重用性,可讀性,使代碼更容易的維護和擴充在javascript中,函數是一類對象,這表示他可以作為參數傳遞給其他函數;此外,函數還可以提供範圍。建立函數的文法命名函數運算式複製代碼 代碼如下://命名函數運算式var add = function add(a,b){ return a+b;};函數運算式複製代碼 代碼如下://又名匿名函數var add =
Time of Update: 2017-01-19
js繼承的概念js裡常用的如下兩種繼承方式:原型鏈繼承(對象間的繼承)類式繼承(建構函式間的繼承)由於js不像java那樣是真正物件導向的語言,js是基於對象的,它沒有類的概念。所以,要想實現繼承,可以用js的原型prototype機制或者用apply和call方法去實現在物件導向的語言中,我們使用類來建立一個自訂對象。然而js中所有事物都是對象,那麼用什麼辦法來建立自訂對象呢?這就需要用到js的原型:我們可以簡單的把prototype看做是一個模版,新建立的自訂對象都是這個模版(prototy
Time of Update: 2017-01-19
什麼是模式前陣子準備期末考試,勞神又傷身的,實在閑不得空來更新文章,今天和大家說說javascript中的設計模式。首先呢,我們需要知道的是:模式是一種可複用的解決方案,而反模式呢就是針對某個問題的不良解決方案。js反模式常見例子1.向setTimeout和setInterval傳遞字串,而不是函數,這會觸發eval()的內部使用。2.在全域上下文中定義大量的變數汙染全域命名空間3.修改Object類的原型4.以內聯形式使用js,嵌入在HTML檔案中的js代碼是無法包含在外部單元測試工具中的。5