Time of Update: 2013-10-17
它的低學習門檻讓很多人都稱它為學前指令碼語言,它另外一個讓人嘲笑的東西是動態語言的概念是偏偏使用了高標準的待用資料類型。其實,你和Javascript都站錯了立場,而現在,你讓Javascript很生氣。這裡有五個原因能說明你的Javascript技術很爛。 1. 你沒有使用命名空間。
Time of Update: 2013-10-17
準備工作: 請從指令碼之家http://www.jb51.net/jiaoben/31974.html下載dtree.zip檔案 dtree.zip壓縮包介紹: dtree是一個由JavaScript編寫成的簡單的樹形菜單組件,目前免費並且開源。 目前有很多的樹形菜單組件(比如ext),dtree是一種簡單易懂的js組件, 不需要複雜的操作即可生產,同時支援動態從資料庫引入資料 解壓後有以下幾部分: img檔案夾: 包含樹形菜單顯示需要的表徵圖 api.html : 作者寫的dtree協助文檔
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
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
一開始很多人都會拿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
在這裡做一下簡單記錄,防止自己忘記。 下面是實現自動點擊開啟連結的主要函數,功能不再細說,防止太多人濫用,有心的人一看就會明白,改把改把就是一個邪惡的程式: 複製代碼 代碼如下: function randopen() { var len = $(“#urllist option”).length; var num = 10; for(i=1; i<=num; i++) { randnum = Math.random()*len; zn = Math.round(randnum); u =
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
而this的具體值則取決於其調用模式。 * 方法調用模式:this被綁定到該對象。 * 函數調用模式:this被綁定到全域對象,網頁的情況下綁定到window * 構造器調用模式:this被綁定到新產生的對象。 * 事件處理調用模式分兩種情況:參照 * this被綁定到全域對象 複製代碼 代碼如下: <script type="text/javascript"> function click_handler() { alert(this); // alerts the window
Time of Update: 2013-10-17
一、方式列表: 1.jQuery.extend(Object); // jQuery 本身的擴充方法 2.jQuery.fn.extent(Object); // jQuery 所選對象擴充方法 二、調用樣本: 1.jQuery 本身的擴充方法執行個體如下: 複製代碼 代碼如下: jQuery.extend({ Meg: function (message) { alert(message); }, MegToo: function (messageToo) {
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
複製代碼 代碼如下: <!doctype html> <head></head> <body> <span id="con">xxx</span> <script> var css = document.createElement('style'); css.setAttribute('type', 'text/css'); var cssText = 'span{color:Red;}';
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
沒什麼複雜的東西,就是用個array對象來做隊列,維護ajax請求的順序。下面給出代碼: 複製代碼 代碼如下: ;(function($) { $.ajaxQueue = { // 管理ajax請求的隊列 requests: new Array(), // 把待發送的ajax請求排入佇列 offer: function(options) { var _self = this, // 對complete,beforeSend方法進行“劫持”,排入佇列處理方法poll xhrOptions = $.
Time of Update: 2013-10-17
首先定義了 全域變數class2type = {}; rdigit = /\d/,//正則判斷是否是數字 toString = Object.prototype.toString; 通過jQuery.each,定義class2type的屬性和值: 複製代碼 代碼如下: jQuery.each("Boolean Number String Function Array Date RegExp Object".split(" "), function(i, name) { class2type[