其他

在AJAX興起以前，很多人寫JS可以說都是毫無章法可言的，基本上是想到什麼就寫什麼，就是一個接一個的函數function，遇到重複的還得copy，如果一不小心函數重名了，還真不知道從何開始尋找錯誤，因為大家總是用面向過程的編程思想來寫JS代碼，而且也由於網路上充斥了太多小“巧”的JS程式碼片段，很多都是隨意而為，很不規範，這也就造成了大家對JS的“誤解”，一味的認為它就是一個輔助的小東東，而不適合做大的東西開發。但是自從AJAX興起後，大量的JS代碼編寫要求人們具備像寫JAVA類似的代碼一樣，能

複製代碼 代碼如下: (function() { var urlToObject = function(url) { var urlObject = {}; if (/\?/.test(url)) { var urlString = url.substring(url.indexOf("?")+1); var urlArray = urlString.split("&"); for (var i=0, len=urlArray.length; i<len; i++) { var

情況1：eval裡沒有function，直接執行： eval("alert('ss');");//所有瀏覽器正確均輸出 情況2：eval裡有function，function立即執行： eval("(function(){alert('ss');})();");//所有瀏覽器正確輸出 情況3：eval裡有function，使用變數儲存function引用並調用該function： var f=eval("(function(){alert('ss');})");

取得視窗大小的代碼： 複製代碼 代碼如下: var pageWidth = window.innerWidth, var pageHeight = window.innerHeight; if(typeof pageWidth != "number"){ if(document.compatMode == "number"){ pageWidth = document.documentElement.clientWidth; pageHeight =

不經意間看到了以前寫的這個小東西，就貼上來了，支援點擊切換和自動輪播，供前端新手看看吧！代碼如下：<div class="scroll_div"><ul class="pic"><li><img src="img/pic_1.jpg" /></li><li><img src="img/pic_2.jpg" /></li><li><img src="img/pic_3.jpg"

jQuery的源碼中有很多值得學習借鑒的技巧，本文即收集了jQuery中出現的各種遍曆技巧和情境。具體分析如下：// 簡單的for-in（事件） for ( type in events ) { } // 緩衝length屬性，避免每次都去尋找length屬性，稍微提升遍曆速度 // 但是如果遍曆HTMLCollection時，效能提升非常明顯，因為每次訪問HTMLCollection的屬性，HTMLCollection都會內部匹配一次所有的節點 for ( var j = 0, l =

有很多朋友都用過jquery外掛程式，但是很少有人自己動手寫過jQuery外掛程式，本文就以執行個體形式簡單敘述了jQuery外掛程式的實現方法。分享給大家供大家參考之用。具體方法如下： 具體而言，其實就是把一些常用、實用、通用的功能封裝起來而以，簡單的來講就是把這些代碼放在一個方法裡面，可以達到重複使用的效果，這樣就可以不需要每次要用此功能的時候都去重新寫一遍。 現在Jquery裡面加入了外掛程式的概念，只要按照它特定的格式當作平時寫function一樣去寫就可以了，不雖然

DataTables是一個jQuery的表格外掛程式。這是一個高度靈活的工具，依據的基礎逐步增強，這將增加先進的互動控制，支援任何HTML表格。官方網站及其下載地址：http:/www.datatables.net當前最新版為1.10.2，讀者可點此本站下載。其主要特點如下：1.自動分頁處理2.即時表格式資料過濾3.資料排序以及資料類型自動檢測4.自動處理列寬度5.可通過CSS定製樣式6.支援隱藏列7.易用8.可擴充性和靈活性9.國際化10.動態建立表格11.免費的使用方法：首先看看如下代碼：&

表單中readOnly和disabled的區別：Readonly只針對input(text/ password)和textarea有效，而disabled對於所有的表單元素都有效，包括select,radio, checkbox,

註：對多選按鈕操作。 1：批量全選添加、大量移除。 2：行單選添加、移除。 3：分頁之後(全選或不選)狀態標識依然存在 複製代碼 代碼如下: /* *****>****>tr單選事件 ------------------------------------------------------------------------------------*/ $("#ajaxshowmdqhList tbody tr").live("click",function(){

於是，細想之後，寫下本文，請各位大俠拍磚。 總所周知： null == undefined 但是： null !== undefined 那麼這兩者到底有啥區別呢？ null 這是一個對象，但是為空白。因為是對象，所以 typeof null 返回 'object' 。 null 是 JavaScript 保留關鍵字。 null 參與數值運算時其值會自動轉換為 0 ，因此，下列運算式計算後會得到正確的數值： 運算式：123 + null結果值：123 運算式：123 * null結果值：0

滑動彈出層 點擊靠近 滑鼠靠近後查看 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

昨天在用JS對前台浮點數進行合算時發現: 0.05+1.08=1.1300000000000001 　　上網查一查的確存在這種Bug，除了位元上控制之外也沒什麼也好的方法（希望高手能提出 其它思路）。 　　於是自己編寫一個控制小數位元的JS方法，解決開發燃眉之急 複製代碼 代碼如下: //小數位元控制，可以四捨五入 function Fractional(n) { //小數保留位元 var bit = 2; //加上小數點後要擴充1位 bit++; //數字轉為字串 n =

複製代碼 代碼如下: function isNum()//判斷小鍵盤輸入數字 { var str=(window.event.keyCode); if(str>105 || str<96 ) { if (str!=8 ) { window.event.returnValue=false; return; } } } function isNumUp()//判斷主鍵盤輸入數字 { var str=(window.event.keyCode); if(str>57 ||

代碼如下： 複製代碼 代碼如下: var otherJScipt = document.createElement("script"); otherJScipt = document.createElement("script"); otherJScipt.setAttribute("type", "text/javascript"); otherJScipt.setAttribute("src", "/xxx.js"); document.getElementsByTagName("head"

複製代碼 代碼如下: <script type="text/javascript"> <!-- window.onload=function(){ objDiv = document.getElementById('drag'); drag(objDiv); }; function drag(dv){ dv.onmousedown=function(e){ var d=document; e = e || window.event; var x= e.layerX ||

複製代碼 代碼如下: //使用者名稱非空驗證 function checkUserName(){ var name = document.myform.txtUser; //在這裡我認為： name 代表的name 為 txtUser 的文字框 if(name.value.length==0){ alert("請輸入使用者名稱"); name.focus(); return false; }else{return true;} } //密碼非空驗證+確認驗證 function

開發工具中應該有相應的功能，於是測試之: 前提：只是一個簡單的小測試，而且 addEventListener 屬於標準綁定函數，IE 中與此不相容（IE 相應的是 attachEvent），所以此次測試先拋棄 IE，使用 Firefox 5.0.1, Chrome 14.0, Opera 11.50 測試頁面： 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <title>Test</title>

複製代碼 代碼如下: <body> <textarea></textarea> hello <script> window.onblur=function(){ document.title= 'blur:' + Math.random() ; } window.onfocus=function(){ document.title= 'focus:' + Math.random() ; } </script> </body>

有時需要將數組轉成偽數組（ArrayLike），如下 複製代碼 代碼如下: var ary = ['one','two','three']; var obj = {}; // 沒有length屬性 Array.prototype.push.apply(obj, ary); for(var i in obj){ alert(i + ': ' + obj[i]); } IE8/9/Firefox/Safari/Chrome 依次彈出了obj的key及其value。即能轉換成ArrayLike。