五段實用的js進階技巧

技巧一之setTimeout. 應用案例:比如你想一個函數迴圈執行10次,怎麼辦?以前通常是先setInterval,然後clearInterval,技巧一就是克服這個問題 複製代碼 代碼如下:(function () { var i = 0; function job() { console.log(i++); if (i < 10) { setTimeout(job, 1000); } } job(); })(); 上面這個job函數就只會乖乖的執行10次.然後自動停止

利用ThinkPHP內建的ThinkAjax實現非同步傳輸技術的實現方法

準備工作: ① 首先要會使用ThinkPHP這個架構 ② 最好有些ajax的基礎(可以去看下小飛的另外一篇博文:Ajax即時驗證"使用者名稱/郵箱等"是否已經存在) ③ 4個js文檔(點此免積分下載) 先貼上原始碼: 複製代碼 代碼如下:<script type="text/javascript" src="__PUBLIC__/js/base.js"></script> <script type="text/javascript" src="__PUBLIC__/

更換select下拉式功能表背景樣式的實現代碼

複製代碼 代碼如下:<style> .uboxstyle{width:174px;height:39px; float:right;} #uboxstyle{width:174px;height:39px; float:right;} #uboxstyle .select_box{width:174px;height:39px; float:left;} #uboxstyle

js漢字排序問題 支援中英文混排,相容各瀏覽器,包括CHROME

具體技術 1.使用GB編碼與UNICODE的轉換 2.數組關聯排序 注意:GB編碼 庫地址 http://demo.jb51.net/jslib/qswhGB2312.js 代碼(demo寫的很簡陋) 複製代碼 代碼如下:<script> //power by 毛絨貓貓 liuyutong@baidu.com var strGB="啊阿埃挨哎唉哀皚癌藹矮艾礙愛隘鞍氨安俺按暗岸胺案肮昂盎凹敖熬翱襖傲奧懊澳芭捌扒叭吧笆八疤巴拔跋靶把耙壩霸罷爸白柏百擺佰敗拜稗斑班搬

在iframe裡的頁面編寫js,實現在父視窗上建立動畫效果展開和收縮的div(不變動iframe父視窗代碼)

複製代碼 代碼如下:<%@ page contentType="text/html; charset=GBK" language="java"%> <%@ page import="com.jstrd.mm.business.sysmgr.monitor.logic.MMStock2BudgetLogic" %> <% String query = request.getParameter("query"); MMStock2BudgetLogic bean =

suggestion開發小結以及對鍵盤事件的總結(針對中文IME狀態)

重要的鍵盤事件: 事件順序:keydown -> keypress ->keyup 對於IME開啟時: keypress: 這三個事件中最最特別的事件的說,如果巧妙運用可以事半功倍: 1. 首先對於大部分功能鍵是沒有keypress事件的 Caps lock ,shift,alt,ctrl,num lock、、、慶幸的是enter擁有此事件 2. 對於字母,數字,press返回的keyCode是不可靠的 在IE和webkit 下 返回的是ASCII code firfox下永遠返回0

extjs實現選擇多表自訂查詢功能 前台部分(ext源碼)

主要使用的技術: 1、extjs2.0,整體架構 2、RemoteCheckboxGroup.js ,用於動態產生表欄位(供查詢結果使用) 3、Ext.ux.grid.RowActions.js,用於grid行擴充(上移下移刪除等) 4、Datetime.js,用於時間選擇 5、MetaGrid.js 用於動態產生查詢結果清單(返回結果Grid) 6、ehcache 用於緩衝自定表資料,比如表名稱、欄位描述、長度等固定資訊 7、jxl.jar 用於查詢結果輸出,最後產生Excel檔案

js change,propertychange,input事件小議

https://github.com/mootools/mootools-core/issues/2170這個問題來自IE(LTE8)中對checkbox和radio

createElement與createDocumentFragment的點點區別小結

網上可以搜到的大部分都是說使用createDocumentFragment主要是因為避免因createElement多次添加到document.body引起的效率問題,比如: 複製代碼 代碼如下:var arrText=["1","2","3","4","5","6","7","8","9","10"]; for(var i=0;i<arrText.length;i++){ var op=document.createElement("P"); var

iis中為每個應用程式集區單獨設定aspnet.config設定檔

ASP.NET4.0之後,這個設定檔在並發和線程方面得到了充分的支援。比如,可以設定maxConcurrentRequestsPerCPU, maxConcurrentThreadsPerCPU和requestQueueLimit等參數,用來更加靈活的設定asp.net runtime的配置。 複製代碼 代碼如下:C:\Windows\Microsoft.NET\Framework64\v4.0.30319\aspnet.config

這段js代碼得節約你多少時間

1.應用案例: 複製代碼 代碼如下:var Mouse = function () { // Look! no that = this! this.position = [0, 0]; if (document.addEventListener) { document.addEventListener('mousemove', ?); //this.move? } else if (document.attachEvent) {

js實現的仿新浪微博完美的時間組件升級版

這個時間組件以前發過一次,上次那個很爛,這次有時間了,把這個升級了,效能更好,完美相容所有瀏覽器,ie6下拉select檔不住的問題 也解決了.總之,差不多也算一個完美的時間組件, 線上demo nothingDemo 突然發現下面的代碼裡面有個運行代碼可以看線上demo,就再最下面 然後貼出源碼,只有一點簡單的說明 複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3

Jquery阻止事件冒泡 event.stopPropagation

描述: 防止事件冒泡到DOM樹上,也就是不觸發的任何前輩元素上的事件處理函數。 version added: 1.0event.stopPropagation() 我們可以用 event.isPropagationStopped() 來確定這個方法是否(在那個事件對象上)調用過了。 這個方法對 trigger() 來自訂的事件同樣有效。 注意,這不會阻止同一個元素上的其它事件處理函數的運行。 Additional Notes:

用jQuery類比頁面載入進度條的實現代碼

因為我們無法通過任何方法擷取整個頁面的大小和當前載入了多少,所以想製作一個載入進度條的唯一辦法就是類比。那要怎麼類比呢?   我們知道,頁面是從上往下執行的,也就是說我們可以大致估算出在頁面的某個位置載入了多少,而後用jq類比出一個進度條來顯示。   首先我們先畫一個進度條的樣子,也就是圖中的樣子,這個不用過多說明,自己看代碼   CSS 複製代碼 代碼如下:*{margin:0;padding:0;font-size:12px} .loading{position:relative;top:0

分享一個用Mootools寫的滑鼠滑過進度條改變進度值的實現代碼

先給大家看看效果:效果介紹:  滑鼠滑過進度條改變進度值.相容性:  可完美相容IE6,IE7,IE8,Chrome,Firefox代碼:複製代碼 代碼如下:<script style="text/javascript" src="https://ajax.googleapis.com/ajax/libs/mootools/1.4.1/mootools-yui-compressed.js"></script> <style type="text/css"> #

用nodejs訪問ActiveX對象,以操作Access資料庫為例。

起因 有人提問“如果用nodejs訪問sql server?” 找了找資料,發現有兩類解決方案,使用第三方nodejs外掛程式:https://github.com/orenmazor/node-tds、使用ADODB.ConnectionActiveX對象。 參考: http://stackoverflow.com/questions/857670/how-to-connect-to-sql-server-database-from-javascript

背景圖跟隨滑鼠移動的Mootools外掛程式實現代碼

效果示範:原始碼: 複製代碼 代碼如下:<script style="text/javascript" src="https://ajax.googleapis.com/ajax/libs/mootools/1.4.1/mootools-yui-compressed.js"></script> </head> <body id='a'> <h2 class='a'>Single images</h2> <div id=

JS擷取整個頁面文檔的實現代碼

唯一需要注意的地方: innerText與textContent,顯示頁面的時候不能用innerHTML,否則會被解析。innerText與textContent是在除FF之外的瀏覽器與FF之間的差異。 複製代碼 代碼如下:var innerText = document.body.innerText ? 'innerText' : 'textContent'; 上面的語句在開頭處理以避免多次判斷 demo貼圖: demo: 複製代碼 代碼如下:<!DOCTYPE html PUBLIC

用Mootools獲得操作索引的兩種方法分享

我們先說一下第一種方法,(此方法為一位QQ好友提供,感謝此人,此人暱稱是:exf) 複製代碼 代碼如下:<body> <ul>Title1 <li>11111</li> </ul> <ul>Title2 <li>22222</li> </ul> <ul>Title3 <li>33333</li> </ul> <ul>Title4

jQuery版仿Path菜單效果

使用方法:     1.依次引用jquery.1.7.1,jQueryRotateCompressed.2.1.js(旋轉外掛程式),jquery.path.1.0.js(我自己寫的Path外掛程式)     2.頁面元素採用如下格式 複製代碼 代碼如下:<div id="content"> <div>單擊我</div> <div>★</div> <div>★</div>

總頁數: 61357 1 .... 3129 3130 3131 3132 3133 .... 61357 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.