Time of Update: 2013-10-16
今天很簡單介紹這一封裝的調用 樣本如下: 調用頁面:JqueryTest.aspx(注:後台無代碼) 複製代碼 代碼如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JqueryTest.aspx.cs" Inherits="XmlHttpRequestTest.JqueryTest" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Time of Update: 2013-10-16
第一種方法:純CSS 目前網上有的比較多的是這種解決方案(純CSS): 複製代碼 代碼如下: html{overflow:hidden;} body{height:100%;overflow:auto;} #rightform form{position:absolute;right:30px;top50px;} 這個方法有一個bug未解決:在IE6下會把所有position:absolute都變成“浮動”的元素;還有使用js方法滾動捲軸時會出現對象閃爍,如下方法結合了CSS和js的辦法,
Time of Update: 2013-10-16
具體步驟: a. 開啟Firebug後,啟用“指令碼”調試,找到引用的指令檔(或者行內js);b. 在適當的位置加入斷點;c. 如果斷點已經執行過,則重新整理頁面,這時指令碼就會在斷點處中斷。如果斷點沒有執行過,那可以直接執行頁面上的動作(例如點擊按鈕等),然後代碼會在斷點處中斷;d. 觀察函數調用棧,觀察local變數,也可以進行逐步執行,進行調試。確實非常簡單!用Firebug斷點調試的優點總結如下:能加斷點的行用綠色行號,非常直觀; call stack用兩種方式顯示出來,很方便;
Time of Update: 2013-10-16
其短小精悍,使用簡單方便,效能高效,能極大地提高開發效率,是開發Web應用的最佳的協助工具輔助之一。因此大部分開發人員在拋棄Prototype而選擇jQuery來進行Web開發。 一些開發人員在使用jQuery時,由於僅僅只知道jQuery文檔中的使用方法,不明白jQuery的運行原理,時常會碰到許多的問題。這些問題大部分是使用不當而產生,極少數是jQuery的Bug。如果不明白其運行機理和核心源碼,我們也很難寫出基於jQuery類庫的高效能的程式出來。
Time of Update: 2013-10-16
儘管我還沒使用它去做一些嘗試性的測試,但從這裡可以看到它的確對js作了美化的工作。也許有人認為if語句就那麼簡單,能最佳化到什麼程度?但是看看以下的幾種方式,你也許會改變看法。 一、使用常見的三元操作符 複製代碼 代碼如下: if (foo) bar(); else baz(); ==> foo?bar():baz(); if (!foo) bar(); else baz(); ==> foo?baz():bar(); if (foo) return bar(); else
Time of Update: 2013-10-16
例如: 複製代碼 代碼如下: $('#foo').slideUp(300).delay(800).fadeIn(400);// 在.slideUp() 和 .fadeIn()之間延時800毫秒。 hover是否可以設計一個延時器呢?答案是肯定的。延時操作目的是為了防止使用者誤觸發事件,一般情況下滑鼠指標小於150毫秒的停留時間都可以被忽略。其實,如果入侵delay全能讓其作用在hover事件上,但是為了避免John
Time of Update: 2013-10-16
不過請仔細對比一下,你會發現其中差別還是很大的。Java HashMap的key是Object類型,所以可以任何類型的參數,而JS的key只能是字串或是數字。 你也許會說,obj={};map[obj]=1;這段代碼傳入了既不是數字也不是字元的key,但也沒發生錯誤啊。那是因為解譯器將obj對象通過內建的toString方法轉換成“[object Object]”這段字元了,你可以用for
Time of Update: 2013-10-16
1, 參數是一個對象,核心js對象(native ECMAScript object)或宿主對象(host object),那麼將直接返回該對象。 其產生的物件建構器仍然是所傳參數對象的構造器。這樣造成的後果是雖然該對象是new Object,但其constructor不一定是Object。 複製代碼 代碼如下:function Person(){this.name='jack';} var w = new Object(window), d = new Object(document), p
Time of Update: 2013-10-16
下載代碼和樣本:jqueryPaging.rar 使用方法如下: 複製代碼 代碼如下: <script language="javascript" type="text/javascript"> $("#myTable").tablePaging({ pageSize: 5, sorting: true, sortSelector: ".js-Order", sortType: "number" }); </script> 如果僅僅用分頁功能:$("#myTable")
Time of Update: 2013-10-16
除以下代碼外,再匯入個jquery-1.4.4.min.js檔案 ,代碼中收件者是寫死的("ABC", "ABCDEF", "BCDEF"),已測試通過! 複製代碼 代碼如下: <%@ page language="java" import="java.util.*" pageencoding="utf-8" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>
Time of Update: 2013-10-16
完整代碼:複製代碼 代碼如下:<!DOCTYPE html> <html> <head> <style type="text/css"> .highlight { background-color: yellow; } .gray { background-color: Gray; } </style> <script
Time of Update: 2013-10-16
650) this.width=650;" border=0> 650) this.width=650;" border=0> 代碼很簡單,在附件中,各位可以下載後直接運行.複製代碼 代碼如下:<script type="text/javascript" language="javascript"> $(function() { jQuery.fn.alternateRowColors = function() { //做成外掛程式的形式
Time of Update: 2013-10-16
我們先來簡單回顧下HTML原始碼(test2.htm): 複製代碼 代碼如下: <html> <head> <title></title> <script src="js/jquery-1.4.4.js" type="text/javascript"></script> <script> $(function(){ $('#container').html('<script
Time of Update: 2013-10-16
1. 引言 我曾在文章《如何在多個頁面使用同一個HTML片段 - 續》的最後提到JavaScript順序執行的特性。雖然現代瀏覽器可以並行的下載JavaScript(部分瀏覽器),但考慮到JavaScript的依賴關係,他們的執行依然是按照引入順序進行的。 為了更好的測試這個過程,我寫了一個簡單的HTTP處理常式頁面 service.ashx,它可以接受兩個參數: 1. file,需要返迴文件的伺服器端路徑。 2. delay,延遲一定時間後再返回本次HTTP請求(毫秒)。 一個典型的頁面比如:
Time of Update: 2013-10-16
js清空option之前清空option ,我的做法是遍曆現有option,將其每個子項目都置空即可。現在使用jQuery來實現,我們只需要調用其支援的empty方法即可。 empty() 刪除匹配的元素集合中所有的子節點。 再加上,我們要設預設值,所以此處清空select下所有option的方法,使用下面語句即可: 複製代碼 代碼如下: $('#selectId').empty().append( $("<option>這裡放預設值</option>") );
Time of Update: 2013-10-16
一、:tips源碼下載 http://xiazai.jb51.net/201103/yuanma/jquerynewslist.rar二、jquery源碼: 複製代碼 代碼如下: (function($){ $.fn.extend({ newsList:function(options){ var defaults ={ actName:'li', //顯示條數名; maxShowNum:'6', //最多的顯示條數; actNameH:'28', //一次移動的距離;
Time of Update: 2013-10-16
雖然不太常用,但我們的確可以給對象添加以數字為屬性名稱的屬性: 複製代碼 代碼如下: var obj = {}; obj[0] = 1; obj[1] = 2; 這個對象並不是數群組類型,那有沒有辦法把它轉換為數群組類型呢?jQuery代碼中採用了Array.prototype.slice把這種對象轉換為數組,但我試了好幾遍,就是不行: 複製代碼 代碼如下: var obj = {}; obj[0] = 1; obj[1] = 2;
Time of Update: 2013-10-16
但唯一遺憾的是,在對中文IME開啟時,firefox3.0中是對中文拼音的自動匹配,而對輸入後的中文無法及時觸發匹配;而在我的IE6.0下,則無此問題。 原因分析: Autocomplete外掛程式對使用者輸入字元的觸發自動匹配是通過”keydown”事件進行的(可分析jquery.autocomplete.js第
Time of Update: 2013-10-16
假設要產生一千萬個隨機數,常規的做法如下: 複製代碼 代碼如下: var numbers = []; for (var i = 0; i < 10000000; i++) { numbers.push(Math.random()); }
Time of Update: 2013-10-16
一,function 從一開始接觸到js就感覺好靈活,每個人的寫法都不一樣,比如一個function就有N種寫法 如:function showMsg(){},var showMsg=function(){},showMsg=function(){} 似乎沒有什麼區別,都是一樣的嘛,真的是一樣的嗎,大家看看下面的例子 複製代碼 代碼如下: ///----------------------------------------------------------------------------