Time of Update: 2013-10-16
典型程式碼範例 複製代碼 代碼如下: yepnope({ test : Modernizr.geolocation, yep : 'normal.js', nope : ['polyfill.js', 'wrapper.js'] }); 當Modernizr.geolocation為真時,載入yep項也就是”normal.js”,否則載入nope項——可以同時載入多個檔案。 yepnope和現有的xxx script loader有什麼區別? 個人認為主要 是這兩點:
Time of Update: 2013-10-16
什麼是 .live() .live方法類似於.bind(),除此之外,它允許你將事件綁定到DOM元素上,可以將事件綁定到DOM中還不存在的元素上,看看下面的例子: 比方說當使用者在點選連結時及想提示他們正在離開網站。 複製代碼 代碼如下: $(document).ready( function() { $('a').click( function() { alert("You are now leaving this site"); return true; }); });
Time of Update: 2013-10-16
而無重新整理分頁可以解決這個問題,上面播放著視頻,下面我點下一頁看著評論,現在大部分的網站都是無重新整理分頁。 源碼如下(我是採用一頁顯示10條記錄): 需要四個檔案 一個實體類檔案 CategoryInfoModel.cs 一個SqlHelper SQLHelper.cs 一個AJAX服務端處理常式 PagedService.ashx 一個用戶端調用頁面 WSXFY.htm
Time of Update: 2013-10-16
官方Demo地址:http://www.trirand.com/blog/jqgrid/jqgrid.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">
Time of Update: 2013-10-16
一、判斷 文法 prop in objectName 如果objectName指向的對象中含有prop這個屬性或者索引值,in運算子會返回true。 複製代碼 代碼如下: var arr = ['one','two','three','four']; arr.five = '5'; 0 in arr;//true 'one' in arr; //false,只可判斷數組的索引值 'five' in arr;//true,'five'是arr對象的屬性 'length' in
Time of Update: 2013-10-16
剛和同事討論了一個很有趣的問題,有個idea,需要記錄使用者在頁面選中的內容,在ff和ie9下有w3c的dom2級事件createRange,這裡不再累贅。主要問題是在IE6,7,8隻能通過createTextRange選中熱區。假如我們知道使用者選擇開始元素和位移量,以及結束元素以及位移量,那麼我們可以用下面的例子把使用者選擇的內容用js給標記起來 複製代碼 代碼如下: <head> <script> function mark() { var b= document.
Time of Update: 2013-10-16
複製代碼 代碼如下: JScript 檔案: //檢測瀏覽器 MSIE Firefox var ie=false,moz=false; (function() {//check the browser var userAgent=navigator.userAgent; if(userAgent.indexOf("MSIE")!=-1) ie=true; else if(userAgent.indexOf("Firefox")!=-1) moz=true; })(); //通過ID獲得對象
Time of Update: 2013-10-16
暑假還搞了ext4的web desktop,更多的也是javascript的東西。對於javascript,以前就只會document.getElementById()和alert(),現在才開始慢慢深入瞭解。如果本文有什麼不對的地方,請指出。 關於javasript,它是基於對象的,因此,它沒有類的概念,所以,如果要實現繼承,也就只能是利用javascript的原型機制prototype去實現了。(其實這裡是錯的,感謝 @記憶的森林 的提示,還可以用apply和call去實現)
Time of Update: 2013-10-16
javascript文法高亮 複製代碼 代碼如下: (function(){ var el=document.getElementById("img"); var doc=document.documentElement,docBody=document.body; var oldY=(doc.scrollTop || docBody.scrollTop)+(doc.clientHeight/2 || docBody.clientHeight/2); (function(){ var nowY=
Time of Update: 2013-10-16
首先還是來看一下運行效果1所示。 該外掛程式使用步驟 一、引入css檔案 首先頁面引入css樣式檔案‘votecss.css',他是投票結果正常顯示必不可少的。具體代碼如下所示: <link href="startpic/votecss.css" rel="stylesheet" type="text/css" /> 二、引入jQuery的就是源檔案 該外掛程式是以jQuery為基礎的所以引入jQuery外掛程式是必須的具體代碼如下: <script
Time of Update: 2013-10-16
複製代碼 代碼如下: <!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> <meta http-equiv="Content-Type"
Time of Update: 2013-10-16
在今天寫一個canvas的小程式時,才發現這兩者是不一樣的。 直接用alert()來顯示這兩個方法倒底獲得的是什麼。代碼如下: 複製代碼 代碼如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>jb51</title> <link href="css/index.css" rel="stylesheet" type="text/css">
Time of Update: 2013-10-16
複製代碼 代碼如下: /* *使用方法: * var d = new Drag({id:'dragPannel',maxLeft:500,maxTop:200}); * d.ready(); *請注意: * 拖動對象的left和top樣式必須寫在其style屬性裡邊 * */ //矯正調用者。將 fn 作為 newObj 的方法調用 function repairCaller(newObj, fn){ return function(){ return fn.apply(newObj,
Time of Update: 2013-10-16
而標準的事件觸發可以使用dispatchEvent方法。但現在FF5無法觸發了A的預設行為了。如下 複製代碼 代碼如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Firefox5連結A無法實現類比點擊bug</title> </head> <body> <a id="a1"
Time of Update: 2013-10-16
複製代碼 代碼如下: $(function () { pageJs.urls = [ '/', 'Index', ]; pageJs.run(); }); //the functions include html elements. Ajax function also can be put here. var Common = { init: function () { alert('Common'); } }; //url--pages var Index = { init:
Time of Update: 2013-10-16
然後,我寫了如下html:<table width="200" border="1"> <tr class="a"> <td>11</td> <td>12</td> <td>13</td> </tr> <tr
Time of Update: 2013-10-16
什麼是 JScript? JScript 是由微軟開發的動態指令碼處理語言,基於 ECMAScript 規範實現。Internet Explorer 中的 JavaScript,實際上是指 JScript。JScript 已被 Windows Script Host(WSH)支援(WSH 中的 JavaScript shell scripting:C:\> cscript jslint.js)。JScript 最新的版本(JScript.NET)基於 ECMAScript 4.0
Time of Update: 2013-10-16
這是個讓人每次改變頁面視窗的大小時很鬱悶的方法,尤其在IE瀏覽器中,稍微動下視窗邊框,就會觸發很多次事件。更讓人蛋疼的是在resize事件中包含某些頁面內容處理或計算導致resize事件再次被觸發的時候,IE會隨機陷入假死狀態。 網上找了好久,都是千律一篇的,到處都是轉載的一個方法;以下是網上找到的一個解決方案: 複製代碼 代碼如下: var resizeTimer = null; $(window).resize(function() { if (resizeTimer)
Time of Update: 2013-10-16
複製代碼 代碼如下: if(this.isIE) { js.onreadystatechange=function(){if(js.readyState=="loaded" || js.readyState=="complete") callback();} }else{js.onload=function(){callback();}} js.onerror=function(){alert('Not Found (404): '+src)}//chrome JS判斷指令碼是否載入完成
Time of Update: 2013-10-16
當我們需要在後台讀取多個關鍵字時,我們可以先把背景資料庫讀取到一個數組中(在資料庫添加多個關鍵詞時用“,”隔開): 複製代碼 代碼如下: public string[] str; //添加一個公用數組一遍jquery調用 protected void Page_Load(object sender, EventArgs e) { string str1 = 讀取資料庫的關鍵詞; str=str1.Split(','); } 頁面的JQuery: <html s> <head &