Time of Update: 2014-06-16
jQuery為開發外掛程式提拱了兩個方法,分別是: jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object);為擴充jQuery類本身.為類添加新的方法。 jQuery.fn.extend(object);給jQuery對象添加方法。這個應該很好理解吧。舉個例子。 複製代碼 代碼如下: <span style="font-size:18px;"><html> <head>
Time of Update: 2014-06-16
javascript是種指令碼語言,瀏覽器下載到哪兒就會執行到哪兒,這種特性會為編程提供方便,但也容易使程式過於淩亂,支離破碎。 js從功能上可以分為兩大部分——架構部分和應用部分,架構部分提供的是對js代碼的組織作用,包括定義全域變數、命名空間方法等,每個頁面都會有相同或類似的架構。應用部分提供的是頁面功能邏輯,不同頁面會有不同的功能,不同頁面應用部分的代碼也不盡相同。 給應用部分的js代碼一個統一的入口,即: 複製代碼 代碼如下: <script
Time of Update: 2014-06-16
extjs每個組件要設定唯一的ID,否則會造成各種錯誤 EXTJS基本上是靠ID來識別組件的,假如你在panel1中有個ID:"keyword"的textfield,而panel2中有個ID相同的textfield ,那麼,當你關閉panel2,由於extjs發現panel2中的ID:"keyword"組件在panel1中仍然使用中,是不會銷毀掉它的,於是它成為一個孤立的對象,從而造成混亂。 無論如何,你得時刻記著,任何時候,必須確保對象ID是唯一的。這有兩個做法:
Time of Update: 2014-06-15
1、單例模式的寫法單例模式寫法相當簡單: var singleTon = { m1: memeber first , m2: memeber second , f1: function () { console.log(fun1 ); }
Time of Update: 2014-06-16
複製代碼 代碼如下: <script type="text/javascript"> var time = 300; var h = 0; function addCount() { if(time>0) { time--; h = h+5; } else { return; } if(h>300) //高度 { return; } document.getElementById("ads").style.display = "";
Time of Update: 2014-06-16
需要擷取一些HTML的對象的座標來更靈活的設定目標層的座標,這裡可以通過用到document.body.scrollTop等屬性,但是這些屬性在xhtml的標準網頁中或更簡單的說就是帶<!DOCTYPE...>的標籤中得到的值是0;如果不要此標籤則一切正常,那麼在xhtml中如何擷取body的座標呢?當然有辦法了,我們使用document.documentElement來取代document.body例如可以這樣寫: 複製代碼 代碼如下: var
Time of Update: 2014-06-13
本例子實現彈窗的效果:1、jquery.show.js/* * 開發人員:lzugis * 開發時間:2014年6月10日 * 實現功能:點擊在滑鼠位置顯示div * 版本序號:1.0 */(function($){ $.fn.showDIV = function(options){var defaults = {};var options = $.extend(defaults, options);var showdiv=$(this);var close, title, content;
Time of Update: 2014-06-13
複製代碼 代碼如下: <html> <head> <title>添加、刪除一行</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="../js/jquery-1.9.1.js"></script> <script
Time of Update: 2014-06-13
複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <script type="text/javascript" src="../js/jquery-1.9.1.js"></script> <script type="text/javascript"> $(document).ready(function() { // 全選/取消全部
Time of Update: 2014-06-13
背景javascript中使用addEventListener()或attachEvent()綁定事件時會有幾個小問題:一、使用addEventListener()或attachEvent()添加的匿名函數無法移除。複製代碼 代碼如下:var oBtn = document.getElementById('btn');oBtn.addEventListener('click',function(){ alert('button is
Time of Update: 2014-06-12
html部分:<script type="text/javascript" src="/js/jquery.js"></script><script type="text/javascript" src="/js/cxjl.js"></script><script type="text/javascript" src="/js/jquery_duoxuan1.js"></script>MYTITLE
Time of Update: 2014-06-13
1.需求簡介 jQuery的hover事件只是針對單個HTML元素,例如: 複製代碼 代碼如下: $('#login').hover(fun2, fun2); 當滑鼠進入#login元素時調用fun1函數,離開時則調用fun2函數,這種API已能夠滿足絕大部分需求。 不過,有些時候我們希望當滑鼠進入兩個或多個元素時觸發fun1,離開他們時觸發fun2,而在這些元素間移動滑鼠並不觸發任何事件。例如兩個元素緊挨著的HTML元素,如:
Time of Update: 2014-06-12
js:function iFrameHeight() { var ifm= document.getElementById("iframepage"); var subWeb = document.frames ? document.frames["iframepage"].document : ifm.contentDocument;if(ifm != null && subWeb != null) { ifm.height =
Time of Update: 2014-06-12
複製代碼 代碼如下: <a href="javascript:void(0);" id="open" onclick="document.getElementById('content').style='display:block'; document.getElementById('open').style='display:none'; document.getElementById('hidden').style='display:block;'"
Time of Update: 2014-06-11
在陸續研究了幾個javascript的幾個小應用後,也算對javascript有了更深一點的認識,頭腦中大約都有些印象,整體上說卻有些模糊,這時,我知道,是時候看看w3cshool的這部分介紹了。沒辦法,我也曾試過一開始就去看這w3cshool,可那鋪天蓋地的各種理論讓我是苦不堪言,單純的去背這些,真的有些難度,我習慣了“重塑”的方法記憶事物,所謂“重塑”是我自己想的一個詞,就是將它理解了,用自己的語言整理出來,在腦海中能記錄幾個執行個體,並能從幾個執行個體中整理出骨架來,可以隨便補充血肉進行填
Time of Update: 2014-06-11
最近項目需要修改jquery ui的dialog的源碼,所以深入查看jquery ui的dialog源碼,做個小結dialog_obj(別名):vcD4KPHA+PGJyPgo8L3A+CjxoMT5XaWRnZXRfb2JqKLHww/spOjwvaDE+Cjxicj4KCjxwPjxicj4KPC9wPgo8cD48L3A+CjxibG9ja3F1b3RlPgo8cD48aW1nIHNyYz0="http://www.2cto.com/uploadfile/Collfiles/2014060
Time of Update: 2014-06-10
1、說明 經常會出現這樣的情況,頁面的日期格式是:YYYY-MM-DD,而資料庫中的日期格式是:YYYYMMDD,兩者之間需要轉換一下,方能傳到Java後台查詢資料。 通常,這種轉化的方法有兩種,第一種,將日期文字先截取,然後拼接;第二種,就是利用Regex去掉“-” 相比較而言,第二種方法快捷,不容易出錯。 2、實現源碼 複製代碼 代碼如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> &
Time of Update: 2014-06-10
當你打算調用一些jQuery代碼顯示隱藏的一個元素,並調用setTimeout()在一段延時之後設定其HTML的內容: 整個頁面的代碼是這樣的. 複製代碼 代碼如下: <span style="font-size:18px;"><html> <head> <title></title> </head> <body> <a href="#" id='heihei' onclick="showNext('I
Time of Update: 2014-06-10
複製代碼 代碼如下:a = new Array();b = new Array(125624); a.push.apply(a, b);以上的代碼在mac的chrome下拋出了如下的異常複製代碼 代碼如下:Uncaught RangeError:
Time of Update: 2014-06-10
在jQuery中,在一個頁面上選擇元素返回的集合是jQuery對象而不是原始的DOM對象. 所以只能運行jQuery方法. 如果要在選擇集上運行DOM方法和屬性,該集合必須轉化為DOM對象 比如你不可以這樣使用: $('div').innerHTML = "hello world"; 因為innerHTML是 DOM的屬性而不是jQuery對象的屬性.如果確實想這麼做.那麼就需要將jQuery對象轉化為DOM對象.方法有兩種.