Time of Update: 2013-10-17
複製代碼 代碼如下: // //使用方法 //$(文本域選取器).insertContent("插入的內容"); //$(文本域選取器).insertContent("插入的內容",數值); //根據數值選中插入常值內容兩邊的邊界, 數值: 0是表示插入文字全部選擇,-1表示插入文字兩邊各少選中一個字元。 // //在游標位置插入內容, 並選中 (function($) { $.fn.extend({ insertContent: function(myValue, t) { var $t =
Time of Update: 2013-10-17
有兩個檔案a.html和b.html,a.html 即下面的代碼,b.html只是為了驗證通過時候一個跳轉頁面,不做任何代碼編寫 因為a.html用的是相對路徑,所以要想程式能正常運行,b.html檔案必須和a.html放在同一個目錄下。 複製代碼 代碼如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Time of Update: 2013-10-17
Javascript中,相信大家都試過用getElementsByTagName和childNodes來實現對節點的遍曆。但是 getElementsByTagName對複雜的DOM結構遍曆明顯不如用childNodes,因為childNodes能更好的處理DOM的階層,建議在需要進行了遍曆時首先使用childNodes!! 但是不幸的是,在IE和FireFox中childNodes有點細微的差別: 複製代碼 代碼如下: <head> <script
Time of Update: 2013-10-17
一篇關於“JavaScript語言入門”的文章涵蓋了JavaScript語言中許多最基礎的內容,從建立指令碼標籤到使用注釋、把JavaScript檔案包含到HTML文檔中、定義變數、使用運算子、定義數組、使用條件陳述式、定義函數和使用迴圈等。本文從上一篇文章結束的地方開始,解釋其他的一些基本的JavaScript語言概念,繼續為初學者提供對語言的基礎理解。本文提及的基礎內容能夠讓你更好地理解所使用的庫,知道如何就究竟要不要使用庫做出決定,甚至有可能會給你帶來一些編寫自己的庫的勇氣。文章自始至終都
Time of Update: 2013-10-17
複製代碼 代碼如下: /* * Image preload and auto zoom * scaling 是否等比例自動縮放 * width 圖片最大高 * height 圖片最大寬 * loadpic 載入中的圖片路徑 * example $("*").LoadImage(true,w,h); */ jQuery.fn.LoadImage=function(scaling,width,height,loadpic){
Time of Update: 2013-10-17
假期裡沒事就想著改進下,改得地方不多,主要有以下三點: complete回調在jquery1.5以後可以是一個函數數組,按數組順序調用。 如果前一個請求未返回,新的請求發出,那麼撤銷前一個請求,也就是新的請求“覆蓋”原請求。 寫成物件導向的形式,再用一個AjaxManage進行簡單的管理。 代碼如下,詳細可看注釋: 複製代碼 代碼如下: ;(function($) { // override:新的請求是否要覆蓋之前的請求 function AjaxQueue(override) {
Time of Update: 2013-10-17
4.1、手動建立執行個體 複製代碼 代碼如下: <script type="text/javascript"> $(function() { $("#a1").click(function() { //執行個體化一個Boxy對象 var box1 = new Boxy("<h3>這個參數是顯示的內容</h3>" //顯示內容 , { title: "標題", //對話方塊標題 modal: false, //是否為強制回應視窗 afterHide:
Time of Update: 2013-10-17
首先,說下有些人說這是重複造輪子,但我覺得不是,做項目,總不能老是拿別人的東西來吧,拿來主義並不是神馬好玩意,當然如果你想輕鬆,也沒話說,至少說我自己做得,我改起來或者擴充比較方便 效果以及代碼如下,,預覽效果自己放在html裡面把,搞在這個頁面上麻煩得很 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Time of Update: 2013-10-17
brook引用了UNIX下的pipe概念,輕鬆把所有的處理都串聯起來以共同完成任務。前一個處理的輸出作為後一個處理的輸入來完成參數的傳遞。通過brook你可以以MVC的方式來寫你的javascript程式。 http://hirokidaichi.github.com/brook/ brook 指令碼之家下載brook架構使用namespace庫用於模組的組織。 這裡再次用例子說明一下namespace的使用方法: 複製代碼 代碼如下: // 定義一個sample命名空間 Namespace('
Time of Update: 2013-10-17
單個連結取消連結並觸發js事件 複製代碼 代碼如下:<a href="javascript:void(0);" onclick="alert('ok')">測試</a> 批量將網頁中的連結取消或重新設定連結的代碼: 百度 指令碼之家 伺服器軟體 素材下載 站長查詢 指令碼下載 function doLinkAll(action){ var
Time of Update: 2013-10-17
一開始很多人都會拿jquery的選取器來跟這兩個api做對比(我也是),比較異同本來沒事,但卻使一些同學對這兩個api在瀏覽器中的實現產生了誤解,特別是再dom element上調用此api時。 下面是我的jsFiddle樣本,我就以此展開說明: 複製代碼 代碼如下: (function(global) { global.doc = document; global.body = doc.getElementsByTagName('body')[0]; global.$ =
Time of Update: 2013-10-17
由於Jquery的版本更新很快,代碼的寫法也改變了許多,以下Jquery代碼適query1.4版本以上Radio 1.擷取選中值,三種方法都可以: $('input:radio:checked').val(); $("input[type='radio']:checked").val(); $("input[name='rd']:checked").val(); 2.設定第一個Radio為選中值: $('input:radio:first').attr('checked',
Time of Update: 2013-10-17
還是先說一些基礎知識: 文法:$.ajax({option}) option表示參數。以key/value形式出現。 常用參數:type:post/get。 url:發送請求的地址。 data:{object:object} 發送到伺服器的資料,必須為key/value格式。可以設定processData屬性,不轉換資料格式。 success:function(msg){} 請求成功後回呼函數。 error:function(msg){}
Time of Update: 2013-10-17
在某項目中,設計範本欄位引擎,採用html+jquery實現,這裡的資料就難免需要ajax擷取,但是團隊對於js掌握不一,所以我寫了下面輔助類,可以像ajaxpro一樣簡化ajax的開發。 代碼-jQueryInvokeMethodAttribute (此處只做標示方法處理,所以為空白): 複製代碼 代碼如下: [AttributeUsage(AttributeTargets.Method, AllowMultiple=false,Inherited=false)] public class
Time of Update: 2013-10-17
每個easyui組件都有特性(property)、方法(method)和事件(event),使用者可以很容易地擴充它們。 特性 特性在jQuery.fn.{plugin}.defaults裡定義。例如, dialog的特性在jQuery.fn.dialog.defaults裡定義。 事件 事件(回呼函數)也在jQuery.fn.{plugin}.defaults裡定義。 方法
Time of Update: 2013-10-17
複製代碼 代碼如下: //顯示遮罩 $.blockUI({ message: $('#divlogin'), css:{width:"400px", height:"255px", top: ($(window).height() - 400) /2 + 'px', left: ($(window).width() - 400) /2 + 'px'} }); //取消遮罩 $("#cancel").click(function() { $.unblockUI(); }); 取消遮罩是,js
Time of Update: 2013-10-17
功能 camelCase函數的功能就是將形如background-color轉化為駝峰標記法:backgroundColor。 此函數在jQuery的data函數,以及涉及到css的諸多函數中都有用到。 jQuery的實現 複製代碼 代碼如下: //正則匹配 rdashAlpha = /-([a-z])/ig, // camelCase替換字串時的回呼函數 fcamelCase = function( all, letter ) { return letter.toUpperCase(); },
Time of Update: 2013-10-17
由於近來學了點js,於是我裝逼道。。。不太難吧。。。就切一下display屬性?同學無視我。。說要搞個通用的。。。什麼還要跟ajax互動。。???我愣是沒有聽懂。。。到底要搞什麼。。。權當作練手,我自己胡弄了一個。 需求:同學口中的通用我不知道神馬意思。。。那我就按自己的理解吧。。 ①跨瀏覽器,IE6+,FF,Chrome,Safari,Opera ②同一個頁面可以用同一個js設定不同的選項卡。 說太多沒啥米用,來看代碼吧。
Time of Update: 2013-10-17
在javascript中有兩種注釋方式: 單行注釋: // 多行注釋: /* */ 注釋主要是為了讓我們編寫的程式更具有可讀性,也便於他人來進行二次修改 看下面的例子,我們給Regex用/* */注釋了,運行時發布報了一個語法錯誤 複製代碼 代碼如下: /* var rm_a = /a*/.match(s); */ 所以說塊級注釋是不安全的,如果在我們的代碼中犯了這樣的錯誤,很難去排查 所以最好是用單選注釋// 取代多行注釋 /* */JavaScript 注釋
Time of Update: 2013-10-17
一般人驗證估計都是想到這種方法: 複製代碼 代碼如下: function chk() //是否被選中驗證有選中的return true,否return false { var falg = 0; $("input[name=cbname]:checkbox").each(function(){ if($(this).attr("checked")) // 這裡可以用 if($("#cr").is(":checked")) { falg +=1; // 這裡可以加上 return false