web基於瀏覽器的本機存放區方法應用

在用戶端儲存資料時,我們一般都用cookie(不敏感性資料),但是在用戶端越來越富的今天,cookie可儲存的量(每個域最大4k)實在是小。 在HTML5中有localStorage可使用,但是這就拋棄了IE8-。為了相容,我們可以翻出IE很久以前就搞的一個儲存方法: 給一個元素添加一個特殊的樣式url(#default#userData),之後就可以通過setAttribute和getAttribute來存取索引值對形式的資料了。

擷取div編輯框,textarea,input text的游標位置 相容IE,FF和Chrome的方法介紹

網上苦找2小時,全是不能相容FF的,看來這種東西網上是搞不到現成的了,只能自己動手豐衣足食 現在發布出來,今後網上就有現成的供人使用了。 為了省事,少量位置用了jquery 改原生JS也很方便,誰需要就請自己修改了。 歡迎各位路過高人拍板,歡迎各位留言提供改進代碼。 又改進 相容了Chrome 下面的代碼已修改成最新版 上源碼了 複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://

重寫javascript中window.confirm的行為

javascript中window.confirm這個方法很好用,可以彈出一個確認對話方塊我們之所以彈出這個對話方塊,可能就是因為該操作很危險,所以要使用者確認。但如果預設選擇"確定",則可能違背了這個原則。 另外,confirm對話方塊的按鈕都是固定在"確定"和"取消"這兩個。可能有些時候也不是很直觀。 所以,可以考慮用vbscript中的msgbox來改寫這個行為。下面是一個範例 複製代碼 代碼如下: <%@ Page Language="C#"

jQuery事件 delegate()使用方法介紹

delegate定義和用法 delegate() 方法為指定的元素(屬於被選元素的子項目)添加一個或多個事件處理常式,並規定當這些事件發生時啟動並執行函數。 使用 delegate() 方法的事件處理常式適用於當前或未來的元素(比如由指令碼建立的新元素)。

一個日期下拉式功能表的js實現代碼

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; //

js 手機號碼合法性驗證代碼集合

第一個代碼:複製代碼 代碼如下: 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 != ""){

基於jquery的用滑鼠畫出可移動的div

具體的原理我就不多說了,直接貼代碼。 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

jquery ajax例子傳回值詳解

在JQuery中,AJAX有三種實現方式:$.ajax() , $.post , $.get()。 首先我們看$.get(): 複製代碼 代碼如下: $.get("test.jsp", { name: "cssrain", time: "2008/01/21" }, //要傳遞的資料 function(data){ alert("返回的資料: " + data); } ) 然後看$.post(): 跟$.get()格式一樣. 複製代碼 代碼如下: $.post("test.jsp", {

關於jquery ajax 調用帶參數的webservice返回XML資料一個小細節

後來在一個不起眼的小站找到一個文章,某個人的一個建議提醒了我。 我原來的代碼是這樣寫的: 錯誤碼 複製代碼 代碼如下: $.ajax({ type: "post", url: "_service.asmx/getDataFromATable", data:" { tablename: temp }", dataType: "XML" ... WS是這樣寫的: webservice 複製代碼 代碼如下: [WebMethod] public DataSet

基於jquery的圖片輪播 tab切換組件

目前只添加了scroll和none的效果,scroll即滑動的效果,可以支援x和y方向的滑動;none就是沒有任何效果,只是顯示和隱藏,後續需要添加其他效果再做擴充,寫的有點水,呵呵,在此留筆,防止丟失。   Demo Address:http://demo.jb51.net/js/2012/sinaapp/ 複製代碼 代碼如下: /** * 巨無霸輪播 */ $.fn.loopSlider = function(option) { var setting = { // 預設顯示的順序

jQuery.extend 函數的詳細用法

Jquery的擴充方法extend是我們在寫外掛程式的過程中常用的方法,該方法有一些重載原型,在此,我們一起去瞭解瞭解。 Jquery的擴充方法原型是:    extend(dest,src1,src2,src3...); 它的含義是將src1,src2,src3...合并到dest中,傳回值為合并後的dest,由此可以看出該方法合并後,是修改了dest的結構的。如果想要得到合并的結果卻又不想修改dest的結構,可以如下使用: var

jquery 擷取自訂屬性(attr和prop)的實現代碼

1. attr(屬性名稱) //擷取屬性的值(取得第一個匹配元素的屬性值。通過這個方法可以方便地從第一個匹配元素中擷取一個屬性的值。如果元素沒有相應屬性,則返回 undefined ) 2. attr(屬性名稱, 屬性值) //設定屬性的值 (為所有匹配的元素設定一個屬性值。) 3. attr(屬性名稱,函數值) //設定屬性的函數值 (為所有匹配的元素設定一個計算的屬性值。不提供值,而是提供一個函數,由這個Function Compute的值作為屬性值。) 4.attr(properties)

JavaScript中的細節分析

JavaScript區分大小寫:在JavaScript中變數、函數都是區分大小寫,例如: 複製代碼 代碼如下: function myfunction(){}和 function myFunction(){}不同 JavaScript中核心對象Array、Object等也是區分大小寫。 單引號和雙引號:這個問題在學SQLServer拼接字串"select * from page where

uploadify 3.0 詳細使用說明

使用: 複製代碼 代碼如下: //綁定的介面元素<input id='gallery'type='file'/> $("#gallery").uploadify({ 設定參數,參數如下. }); 設定的屬性: 複製代碼 代碼如下: id: jQuery(this).attr('id'),//綁定的input的ID langFile:

javascript 另一種圖片滾動轉場效果思路

先說一種最普遍的思路: 把圖片們用ul之類的包起來,並設定float。然後設定這個ul本身為absolute定位,其父標籤用relative定位。通過設定ul的left或top值,實現圖片隊列的滾動效果 特點: 只操作一個html元素(即上文的ul),對系統開銷小;滾到頭會復原;從大序號滾動到小序號也會復原;從最後序號滾動到第一個,會“咻”的一下把所有中間的圖片也路過一次。 另一種思路就是我在XScroll.js裡實現的思路,所有圖片用絕對位置。具體看那篇文章吧。

NodeJS 模組開發及發布詳解分享

比如前兩天我需要使用hmac和sha1來做簽名,就沒有找到一個比較好用的模組,這時候就需要我們自己來實現相應的功能了。自己寫完之後,再把它打包成一個模組分享給大家來用,即方便了其他人,又能讓自己有點小小的成就感,實在是一件一舉多得的好事情。接下來,我就為大家介紹一下如何封裝一個NodeJS模組並把它分享給其他人。 NPM (Node Package Manager, http://npmjs.org ) 是 NodeJS 的模組管理軟體,除 NodeJS

nodejs入門詳解(多篇文章結合)

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

javascript 進階篇3 Ajax 、JSON、 Prototype介紹

Ajax 這個詞聽了不少,但是其實並沒有真的接觸過,於是在這裡稍微瞭解一下。 Ajax技術的創新之處在於,改善了傳統的“請求-等待-響應-重新整理-返回資料”模式,在資訊返回之前,使用者可以繼續自己的操作,當前頁面不會因為請求而重新整理。這樣大大的提高了互動性。 Ajax其實並不是一個技術,而是由許多技術組成的。最大的特色之一就是可以非同步傳輸,實現多線程服務。 Ajax的非同步傳輸,依靠的是js中的XMLHttpRequst對象,於是我們從它入手。

33個優秀的 jQuery 圖片展示外掛程式分享

jQuery 是一個非常優秀的 JavaScript 架構,使用簡單靈活,同時還有許多成熟的外掛程式可供選擇,其中最令人印象深刻的應用之一就是對圖片的處理,它可以讓協助你在你的項目中加入一些精美的效果,給訪問者對網站留下非常好的印象1. Foxibox 2. MobilySelect 3. MobilySlider 4. Diaporama 5. Flipping Book Image 6. Spherical Panorama

靈活應用js調試技巧解決樣式問題的步驟分享

由於種種原因,例如:代碼邏輯複雜、時間久了遺忘處理細節、或者根本就是接手修改別人遺留的bug,在這種情況下,debug就會變成一件頭疼的事情。 在此分享一些JS調試方面的技巧,針對各種疑難雜症,往往能起到較好的效果。 Step 1:檢查伺服器直接render出來的內容     使用查看源檔案的方式,這一步首先明確,頁面HTML片段是否在伺服器端就已經不正常了。 Step 2:比較實際的HTML內容和伺服器render出來的原始內容之間的差異

總頁數: 3271 1 .... 245 246 247 248 249 .... 3271 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.