Time of Update: 2013-10-17
在用戶端儲存資料時,我們一般都用cookie(不敏感性資料),但是在用戶端越來越富的今天,cookie可儲存的量(每個域最大4k)實在是小。 在HTML5中有localStorage可使用,但是這就拋棄了IE8-。為了相容,我們可以翻出IE很久以前就搞的一個儲存方法: 給一個元素添加一個特殊的樣式url(#default#userData),之後就可以通過setAttribute和getAttribute來存取索引值對形式的資料了。
Time of Update: 2013-10-17
網上苦找2小時,全是不能相容FF的,看來這種東西網上是搞不到現成的了,只能自己動手豐衣足食 現在發布出來,今後網上就有現成的供人使用了。 為了省事,少量位置用了jquery 改原生JS也很方便,誰需要就請自己修改了。 歡迎各位路過高人拍板,歡迎各位留言提供改進代碼。 又改進 相容了Chrome 下面的代碼已修改成最新版 上源碼了 複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
Time of Update: 2013-10-17
javascript中window.confirm這個方法很好用,可以彈出一個確認對話方塊我們之所以彈出這個對話方塊,可能就是因為該操作很危險,所以要使用者確認。但如果預設選擇"確定",則可能違背了這個原則。 另外,confirm對話方塊的按鈕都是固定在"確定"和"取消"這兩個。可能有些時候也不是很直觀。 所以,可以考慮用vbscript中的msgbox來改寫這個行為。下面是一個範例 複製代碼 代碼如下: <%@ Page Language="C#"
Time of Update: 2013-10-17
delegate定義和用法 delegate() 方法為指定的元素(屬於被選元素的子項目)添加一個或多個事件處理常式,並規定當這些事件發生時啟動並執行函數。 使用 delegate() 方法的事件處理常式適用於當前或未來的元素(比如由指令碼建立的新元素)。
Time of Update: 2013-10-17
1.先看: 2.js代碼 year_month_day.js 複製代碼 代碼如下: year_month_day.js function DateSelector(selYear, selMonth, selDay) { this.selYear = selYear; this.selMonth = selMonth; this.selDay = selDay; this.selYear.Group = this; this.selMonth.Group = this; //
Time of Update: 2013-10-17
第一個代碼:複製代碼 代碼如下: function Checkreg() { //驗證電話號碼手機號碼,包含153,159號段 if (document.form.phone.value=="" && document.form.UserMobile.value==""){ alert("電話號碼和手機號碼至少選填一個阿!"); document.form.phone.focus(); return false; } if (document.form.phone.value != ""){
Time of Update: 2013-10-17
具體的原理我就不多說了,直接貼代碼。 html代碼: 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Draw
Time of Update: 2013-10-17
在JQuery中,AJAX有三種實現方式:$.ajax() , $.post , $.get()。 首先我們看$.get(): 複製代碼 代碼如下: $.get("test.jsp", { name: "cssrain", time: "2008/01/21" }, //要傳遞的資料 function(data){ alert("返回的資料: " + data); } ) 然後看$.post(): 跟$.get()格式一樣. 複製代碼 代碼如下: $.post("test.jsp", {
Time of Update: 2013-10-17
後來在一個不起眼的小站找到一個文章,某個人的一個建議提醒了我。 我原來的代碼是這樣寫的: 錯誤碼 複製代碼 代碼如下: $.ajax({ type: "post", url: "_service.asmx/getDataFromATable", data:" { tablename: temp }", dataType: "XML" ... WS是這樣寫的: webservice 複製代碼 代碼如下: [WebMethod] public DataSet
Time of Update: 2013-10-17
目前只添加了scroll和none的效果,scroll即滑動的效果,可以支援x和y方向的滑動;none就是沒有任何效果,只是顯示和隱藏,後續需要添加其他效果再做擴充,寫的有點水,呵呵,在此留筆,防止丟失。 Demo Address:http://demo.jb51.net/js/2012/sinaapp/ 複製代碼 代碼如下: /** * 巨無霸輪播 */ $.fn.loopSlider = function(option) { var setting = { // 預設顯示的順序
Time of Update: 2013-10-17
Jquery的擴充方法extend是我們在寫外掛程式的過程中常用的方法,該方法有一些重載原型,在此,我們一起去瞭解瞭解。 Jquery的擴充方法原型是: extend(dest,src1,src2,src3...); 它的含義是將src1,src2,src3...合并到dest中,傳回值為合并後的dest,由此可以看出該方法合并後,是修改了dest的結構的。如果想要得到合并的結果卻又不想修改dest的結構,可以如下使用: var
Time of Update: 2013-10-17
1. attr(屬性名稱) //擷取屬性的值(取得第一個匹配元素的屬性值。通過這個方法可以方便地從第一個匹配元素中擷取一個屬性的值。如果元素沒有相應屬性,則返回 undefined ) 2. attr(屬性名稱, 屬性值) //設定屬性的值 (為所有匹配的元素設定一個屬性值。) 3. attr(屬性名稱,函數值) //設定屬性的函數值 (為所有匹配的元素設定一個計算的屬性值。不提供值,而是提供一個函數,由這個Function Compute的值作為屬性值。) 4.attr(properties)
Time of Update: 2013-10-17
JavaScript區分大小寫:在JavaScript中變數、函數都是區分大小寫,例如: 複製代碼 代碼如下: function myfunction(){}和 function myFunction(){}不同 JavaScript中核心對象Array、Object等也是區分大小寫。 單引號和雙引號:這個問題在學SQLServer拼接字串"select * from page where
Time of Update: 2013-10-17
使用: 複製代碼 代碼如下: //綁定的介面元素<input id='gallery'type='file'/> $("#gallery").uploadify({ 設定參數,參數如下. }); 設定的屬性: 複製代碼 代碼如下: id: jQuery(this).attr('id'),//綁定的input的ID langFile:
Time of Update: 2013-10-17
先說一種最普遍的思路: 把圖片們用ul之類的包起來,並設定float。然後設定這個ul本身為absolute定位,其父標籤用relative定位。通過設定ul的left或top值,實現圖片隊列的滾動效果 特點: 只操作一個html元素(即上文的ul),對系統開銷小;滾到頭會復原;從大序號滾動到小序號也會復原;從最後序號滾動到第一個,會“咻”的一下把所有中間的圖片也路過一次。 另一種思路就是我在XScroll.js裡實現的思路,所有圖片用絕對位置。具體看那篇文章吧。
Time of Update: 2013-10-17
比如前兩天我需要使用hmac和sha1來做簽名,就沒有找到一個比較好用的模組,這時候就需要我們自己來實現相應的功能了。自己寫完之後,再把它打包成一個模組分享給大家來用,即方便了其他人,又能讓自己有點小小的成就感,實在是一件一舉多得的好事情。接下來,我就為大家介紹一下如何封裝一個NodeJS模組並把它分享給其他人。 NPM (Node Package Manager, http://npmjs.org ) 是 NodeJS 的模組管理軟體,除 NodeJS
Time of Update: 2013-10-17
Node.js是一套用來編寫高效能網路伺服器的JavaScript工具包,一系列的變化由此開始。比較獨特的是,Node.js會假設你是在POSIX環境下運行它Linux 或 Mac OS X。如果你是在Windows下,那就需要安裝MinGW以獲得一個仿POSIX的環境。在Node中,Http是首要的。Node為建立http伺服器作了最佳化,所以你在網上看到的大部分樣本和庫都是集中在web上(http架構、模板庫等)。 首先,去http://nodejs.org 下載安裝。我下的版本是0.6.6
Time of Update: 2013-10-17
Ajax 這個詞聽了不少,但是其實並沒有真的接觸過,於是在這裡稍微瞭解一下。 Ajax技術的創新之處在於,改善了傳統的“請求-等待-響應-重新整理-返回資料”模式,在資訊返回之前,使用者可以繼續自己的操作,當前頁面不會因為請求而重新整理。這樣大大的提高了互動性。 Ajax其實並不是一個技術,而是由許多技術組成的。最大的特色之一就是可以非同步傳輸,實現多線程服務。 Ajax的非同步傳輸,依靠的是js中的XMLHttpRequst對象,於是我們從它入手。
Time of Update: 2013-10-17
jQuery 是一個非常優秀的 JavaScript 架構,使用簡單靈活,同時還有許多成熟的外掛程式可供選擇,其中最令人印象深刻的應用之一就是對圖片的處理,它可以讓協助你在你的項目中加入一些精美的效果,給訪問者對網站留下非常好的印象1. Foxibox 2. MobilySelect 3. MobilySlider 4. Diaporama 5. Flipping Book Image 6. Spherical Panorama
Time of Update: 2013-10-17
由於種種原因,例如:代碼邏輯複雜、時間久了遺忘處理細節、或者根本就是接手修改別人遺留的bug,在這種情況下,debug就會變成一件頭疼的事情。 在此分享一些JS調試方面的技巧,針對各種疑難雜症,往往能起到較好的效果。 Step 1:檢查伺服器直接render出來的內容 使用查看源檔案的方式,這一步首先明確,頁面HTML片段是否在伺服器端就已經不正常了。 Step 2:比較實際的HTML內容和伺服器render出來的原始內容之間的差異