Time of Update: 2017-01-19
網頁可見地區寬: document.body.clientWidth網頁可見地區高: document.body.clientHeight網頁可見地區寬: document.body.offsetWidth (包括邊線的寬)網頁可見地區高: document.body.offsetHeight (包括邊線的高)網頁本文全文寬: document.body.scrollWidth網頁本文全文高: document.body.scrollHeight網頁被捲去的高:
Time of Update: 2017-01-19
原理 :1、js動態建立DIV,指定CLASS類設定不同的背景圖樣式顯示不同的雪花效果。2、js擷取建立的DIV並改變其top屬性值,當下落的高度大於螢幕高後刪除該移動div3、好像不夠完善勿噴HTML代碼:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>雪花飛舞</title> <link rel="stylesheet"
Time of Update: 2017-01-19
IE相容性沒處理,確切的說不太會,還望指點一二思路:1、js擷取要給定點擊事件的按鈕組對象,如btns=document.xxx(),遍曆過程綁定事件之前先取得當前對象的下標eg:btns[i].index=i;2、匹配index為將要顯示的DOM對象3、點擊過程中要切換class,先判斷是否含有指定class,有就刪除,沒有就添加指定class。注:if(!null)為真.4、onmouseover同理HTML<!DOCTYPE html><html
Time of Update: 2017-01-19
Javascript擁有兩個相當強大而且受開發人員喜愛的函數:split 與join 倆對立的函數。這倆函數能讓string與array兩種類型互換,也就是數組能被序列化為字串,反之亦然。我們能把這倆函數發揮得淋漓盡致。下面就來探索裡面的一些有趣的應用, 首先介紹一下這兩個函數:String.prototype.split(separator, limit)separator把字串分割為數組,選擇性參數limit定義了產生數組的最大length。"85@@86@@53".split('@@');
Time of Update: 2017-01-19
Mutable 對象在 JavaScript 中,對象是參考型別的資料,其優點在於頻繁的修改對象時都是在原對象的基礎上修改,並不需要重新建立,這樣可以有效利用記憶體,不會造成記憶體空間的浪費,對象的這種特性可以稱之為 Mutable,中文的字面意思是「可變」。對於 Mutable
Time of Update: 2017-01-19
圖片輪播的辦法有多種,在這裡介紹一種簡單的:js數組實現。首先將圖片路徑儲存在數組中,然後再調用setInterval函數來依次輪播圖片 <script type="text/javascript"> var curIndex = 0; var timeInterval = 1000; var arr = new Array(); arr[0] = "1.png"; arr[1] = "2.png"; arr[2] = "3.png"; arr[3] =
Time of Update: 2017-01-19
本文執行個體為大家分享了HTML5 Canvas實現的一個畫板代碼,供大家參考,具體內容如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>DEMO6:自訂畫板</title></head><body><canvas id="canvas" width="600" height="300">
Time of Update: 2017-01-19
IE相容性沒處理,確切的說不太會,還望指點一二思路:1、js擷取要給定點擊事件的按鈕組對象,如btns=document.xxx(),遍曆過程綁定事件之前先取得當前對象的下標eg:btns[i].index=i;2、匹配index為將要顯示的DOM對象3、點擊過程中要切換class,先判斷是否含有指定class,有就刪除,沒有就添加指定class。注:if(!null)為真.4、onmouseover同理HTML<!DOCTYPE html><html
Time of Update: 2017-01-19
繼承簡介 在JS中繼承是一個非常複雜的話題,比其他任何物件導向語言中的繼承都複雜得多。在大多數其他物件導向語言中,繼承一個類只需使用一個關鍵字即可。在JS中想要達到繼承公用成員的目的,需要採取一系列措施。JS屬於原型式繼承,得益於這種靈活性,我們既可以使用標準的基於類的繼承,也可以使用更微妙一些的原型式繼承。在JS中應該要明確一點,一切繼承都是通過prototype來進行的,且JS是基於對象來繼承的。繼承:function
Time of Update: 2017-01-19
在討論bind()方法之前我們先來看一道題目:var altwrite = document.write; altwrite("hello");
Time of Update: 2017-01-19
curry化來源與數學家 Haskell Curry的名字 (程式設計語言 Haskell也是以他的名字命名)。 柯裡化通常也稱部分求值,其含義是給函數分步傳遞參數,每次傳遞參數後部分應用參數,並返回一個更具體的函數接受剩下的參數,這中間可嵌套多層這樣的接受部分參數函數,直至返回最後結果。因此柯裡化的過程是逐步傳參,逐步縮小函數的適用範圍,逐步求解的過程。 柯裡化一個求和函數 按照分步求值,我們看一個簡單的例子var concat3Words = function (a,
Time of Update: 2017-01-19
• 柯理化函數思想:一個js預先處理的思想;利用函數執行可以形成一個不銷毀的範圍的原理,把需要預先處理的內容都儲存在這個不銷毀的範圍中,並且返回一個小函數,以後我們執行的都是小函數,在小函數中把之前預先儲存的值進行相關的操作處理即可;• 柯裡化函數主要起到預先處理的作用;• bind方法的作用:把傳遞進來的callback回調方法中的this預先處理為上下文context;/*** bind方法實現原理1* @param callback [Function]
Time of Update: 2017-01-19
以var a = [4,2,6,3,1,9,5,7,8,0];為例子。1.希爾排序。 希爾排序是在插入排序上面做的升級。是先跟距離較遠的進行比較的一些方法。function shellsort(arr){ var i,k,j,len=arr.length,gap = Math.ceil(len/2),temp; while(gap>0){ for (var k = 0; k < gap; k++) { var tagArr = [];
Time of Update: 2017-01-19
最近在看《javascript進階程式設計》(第二版)javascript中對象的建立•原廠模式•建構函式模式•原型模式•結合建構函式和原型模式•原型動態模式物件導向的語言大都有一個類的概念,通過類可以建立多個具有相同方法和屬性的對象。雖然從技術上講,javascript是一門物件導向的語言,但是javascript沒有類的概念,一切都是對象。任意一個對象都是某種參考型別的執行個體,都是通過已有的參考型別建立;參考型別可以是原生的,也可
Time of Update: 2017-01-19
本文我們實現純JS方式的滾動廣告效果,供大家參考,具體內容如下先show一下成品:首先是網頁樣式:#demo { background: #FFF; overflow:hidden; border: 1px dashed #CCC; width: 1280px; height:200px; } #demo img { border: 3px solid #F2F2F2; } #indemo { float: left; width: 800%; } #demo1 { float: left; }
Time of Update: 2017-01-19
最近在學習javaScript,學習到js物件導向中的原型時,感悟頗多。若有不對的地方,希望可以指正。js作為一門物件導向的語言,自然也擁有了繼承這一概念,但js中沒有類的概念,也就沒有了類似於java中的extends,所以,我覺得js中的繼承主要依賴於js中的原型(鏈)。那麼,原型是什麼呢?我們知道js中函數亦是一種對象,當我們建立一個函數時,其實這個函數也就預設的擁有了一個屬性叫做prototype,這個屬型叫做原型屬性,他是一個指標,指向了這個函數的原型對象,這個原型對象有一個預設的屬性
Time of Update: 2017-01-19
警告框alert();確認框var message=confirm("你喜歡javascript嗎");if(message==true){ document.write("很好,加油");}else{ document.write("js功能強大,要學習哦");}提問框prompt("文本","預設值");var myname=prompt(請輸入你的姓名);if(myname!=null){ alert("你好"+myname);}else{
Time of Update: 2017-01-19
本文執行個體為大家分享了javascript不同顏色Tab標籤轉場效果的實現代碼,供大家參考,具體內容如下具體代碼:<html> <head> <title>不同顏色選項卡</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <style type="text/css"> * { margin: 0;
Time of Update: 2017-01-19
confirm()意既確認框<!DOCTYPE html><html><head><meta charset="UTF-8"><title>confirm</title></head><body><script>var con=confirm("do you like to study javascript?");if (con) {document.write("I love
Time of Update: 2017-01-19
本文執行個體講述了JavaScript使用setTimeout實現延遲彈出警告框的方法。分享給大家供大家參考。具體如下:先給大家展示一個延遲/定時/強制快顯視窗的JS代碼參數解釋:設定時間:Then.setTime(Then.getTime() + 1*60*60*1000)mylove/ttan.htm(過渡網頁)ttan.htm中的 http://彈出網頁/