Time of Update: 2013-10-17
通過隱藏iframe實現檔案下載的js方法 複製代碼 代碼如下: <script> function download() { //下載檔案的地址 var url="http://music.baidu.com/data/music/file?link=http://zhangmenshiting.baidu.com/data2/music/13618994/13618995183600128.mp3?xcode=48d4a720fcd9a974586066d0145f7207";
Time of Update: 2013-10-17
今天在使用innerText時遇到一個相容性問題,FireFox不支援innerText方法,查了下MDN,發現FireFox下有個類似的方法,叫textContent,它和IE的innerText類似, 都是用來擷取(設定)元素中text的方法。文法 •設定 複製代碼 代碼如下: element.textContent = “text”; •擷取 複製代碼 代碼如下: var text = element.textContent; 複製代碼 代碼如下: Note:
Time of Update: 2013-10-17
比如遍曆以下一維數組:複製代碼 代碼如下:[javascript] view plaincopyprint?var a1 = [1]; var a2 = [1, 2]; var a3 = [1, 2, 3]; 雖然它們長度不一,但迴圈應付它們非常容易,也很優雅:複製代碼 代碼如下:[javascript] view plaincopyprint?var dumpArrayByLoop = function(a) {
Time of Update: 2013-10-17
複製代碼 代碼如下:<!doctype html><html><head><meta charset="utf-8"><title>無標題文檔</title><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script><style
Time of Update: 2013-10-17
1、當使用者瀏覽頁面時,瀏覽器會對頁面代碼進行解釋或編譯——這個過程實質上是通過事件來驅動的,即頁面在載入時,執行一個Load事件,在這個事件中實現瀏覽器編譯頁面代碼的過程。事件被觸發後被分為兩個階段,一個是捕獲(Capture),另一個是冒泡(Bubbing),但大多瀏覽器並不是都支援捕獲階段,因此事件被觸發後,往往執行冒泡過程。2、範例程式碼:複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Time of Update: 2013-10-17
複製代碼 代碼如下: <script type="text/javascript"> <!-- var my={ str:'', deep:0, block:' ', get_pre:function(n) { pre=''; for(i=0;i<n;i++) { pre+=this.block; } return pre; }, show_obj:function(obj) { for(k in obj) { if(typeof(obj[k])!='object' &&
Time of Update: 2013-10-17
本文將和大家一起分享8款精美的jQuery圖片播放外掛程式,每一款外掛程式均有示範和源碼下載,有興趣的朋友可以下載使用和研究。廢話不多說了,直接上這些外掛程式。1、3D輪播相簿這款3D相簿外掛程式利用了HTML5特性,讓相片播放具有了3D效果,瀏覽器有限制哦。示範 下載2、jQuery手風琴片播放器這款播放器的特點是右側有一個手風琴式的菜單,而且圖片切換十分流暢。示範 下載3、流水線片組切換這款jQuery外掛程式按一組來切換圖片,方式酷似流水線,一組接著一組。示範
Time of Update: 2013-10-17
最近比較清閑,自己做了個JavaScript NodeTree,網上類似的東西其實挺多的,功能也比這個全,我做這個純粹為了練練手。 表徵圖可以自訂(16X16),功能表項目完全是JSON類型定義的,方便修改。 介面: 使用方法: 1、將NodeTree-JSON.js以及CSS檔案夾複製到項目中並引用。 2、引用JQuery架構。 3、修改NodeTree-JSON.js中的NodeTreeMenu功能表項目,以下是簡單說明。 複製代碼 代碼如下: var NodeTreeMenu = [ //
Time of Update: 2013-10-17
複製代碼 代碼如下: //取得gridview中擷取選中行指定列的值 function Select() { //擷取滑鼠點擊的元素var e=eventsrcElement; //擷取元素所在的行的行號(表頭行號從0開始)。注意:parentElement只適用於IE瀏覽器,而parentNode則符合DOM標準。 //var rowIndex=eparentElementparentElementrowIndex ; var
Time of Update: 2013-10-17
譯序 Three.js是一個偉大的開源WebGL庫,WebGL允許JavaScript操作GPU,在瀏覽器端實現真正意義的3D。但是目前這項技術還處在發展階段,資料極為匱乏,愛好者學習基本要通過Demo源碼和Three.js本身的源碼來學習。 .簡介 這是WebGL著色器教程的後半部分,如果你沒看過前一篇,閱讀這一篇教程可能會使你感到困惑,建議你翻閱前面的教程。
Time of Update: 2013-10-17
js跨域是個討論很多的話題。iframe跨域訪問也被研究的很透了。 一般分兩種情況: 一、 是同主域下面,不同子域之間的跨域; 同主域,不同子域跨域,設定相同的document.domian就可以解決;
Time of Update: 2013-10-17
處理數組的方法很多,javascript splice()算是最強大的了,它可以用於插入、刪除或替換數組的元素。下面來一一介紹! 1.刪除-用於刪除元素,兩個參數,第一個參數(要刪除第一項的位置),第二個參數(要刪除的項數) 2.插入-向數組指定位置插入任意項元素。三個參數,第一個參數(其實位置),第二個參數(0),第三個參數(插入的項) 3.替換-向數組指定位置插入任意項元素,同時刪除任意數量的項,三個參數。第一個參數(起始位置),第二個參數(刪除的項數),第三個參數(插入任意數量的項)
Time of Update: 2013-10-17
你可能知道,Javascript語言的執行環境是"單線程"(single thread)。 所謂"單線程",就是指一次只能完成一件任務。如果有多個任務,就必須排隊,前面一個任務完成,再執行後面一個任務,以此類推。 這種模式的好處是實現起來比較簡單,執行環境相對單純;壞處是只要有一個任務耗時很長,後面的任務都必須排隊等著,會拖延整個程式的執行。常見的瀏覽器無響應(假死),往往就是因為某一段Javascript代碼長時間運行(比如死迴圈),導致整個頁面卡在這個地方,其他任務無法執行。
Time of Update: 2013-10-17
用jQuery實現的模仿a的title屬性的例子,在測試的時候ie6,7上出現了層次混亂,不過最終解決了。 html代碼如下: 複製代碼 代碼如下: <div class="wrap"> <ul class="list clearfix"> <li><a href="">UI設計師</a> <div class="show"> <p>所屬部門:技術部</p> <p>工作地點:鄭州</
Time of Update: 2013-10-17
js修改input的type屬性有些限制。當input元素還未插入文檔流之前,是可以修改它的值的,在ie和ff下都沒問題。但如果input已經存在於頁面,其type屬性在ie下就成了唯讀屬性了,不可以修改。在ff下仍是可讀寫屬性。今天遇到個問題,輸入框有預設值“密碼”,但獲得焦點時,“密碼”兩字會去掉,輸入時直接變成”****“的password類型。很明顯,一開始的時候,input的類型是text,後來變成了password類型。直觀的思路是用js修改input的type類型。但ie下這麼做不
Time of Update: 2013-10-17
這個問題是在著名的問答網站——stackoverflow上看到的。 之前也看到過JavaScript的這個問題,但是沒有深入瞭解,今天在StackOverflow上看到了答案,感覺不錯,記下來分享給大家。問題的描述是這樣的: 複製代碼 代碼如下: console.log(10..toString());//10 console.log(10.toString());//SyntaxError: Unexpected token ILLEGAL
Time of Update: 2013-10-17
jQuery的serialize模組中有個r20正則 複製代碼 代碼如下: var r20 = /%20/g, jQuery.param方法中會將所有的"%20"轉成"+",即提交資料前,資料中如果包含空格,那經過encodeURIComponent後,空格會轉成"%20" 複製代碼 代碼如下: encodeURIComponent(' ') === '%20'; // true 最後需要將"%20"轉換成"="再Post提交。這樣背景程式接受到的才是真正的空格。 關於
Time of Update: 2013-10-17
前言 說Jquery之前,先來學習一下Javascript(以後簡稱為JS)語言中的基礎知識問題,其時對於每種程式設計語言來說基礎知識都是大同小異的,對變數,函數,條件陳述式塊,迴圈語句塊等等,而對於每種語言在寫法上到是顯得各有不同,如JS裡在定義變數時,你要用var去聲局部變數的聲明,而對於弱類型的語言JS來說,你也可以不加var,但不加它會認為這個變數為全域變數,這是要注意的。變數 在程式運行過程中,其值可以發生改變的(呵呵,10多年前書上的定義) var people ;
Time of Update: 2013-10-17
複製代碼 代碼如下: <script> //當失去交點以後 讓文字框內的文字獲得焦點 並且游標移到最後一個字後面 function myfocus(myid) { if(isNav){ document.getElementById(myid).focus();// 擷取焦點 }else{ setFocus.call(document.getElementById(myid)); } } var isNav =
Time of Update: 2013-10-17
在做JS開發時,我們將第三方複雜的外掛程式進行封裝,然後對外公開一個很簡單的方法介面,這是開發時常用的方法,在JS裡,我們的方法參數通常使用JQ的$.extend 擴充方法來實現 複製代碼 代碼如下: function extend(arr) { arr = $.extend({ name: 'zzl', sex: 'male', age: 31 }, arr || {}); alert("[Name:]" + arr.name + "[Sex:]" + arr.sex + "[Age:]" +