Time of Update: 2013-10-16
這裡,用的jquery來做的。關鍵代碼如下: 複製代碼 代碼如下: //添加數據行; function AddRow(){ var vTb=$("#TbData");//得到表格ID=TbData的jquery對象 //所有的資料行有一個.CaseRow的Class,得到資料行的大小 var vNum=$("#TbData tr").filter(".CaseRow").size()+1;//表格有多少個資料行 var vTr=$("#TbData #trDataRow1");
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
廢話少說直接進入主題, 表格功能: 1、添加 2、刪除 3、擷取值 4、動態填充資料 5、動態設定焦點 6、鍵盤左右上下鍵控制儲存格焦點 7、儲存格添加正則驗證功能 WebForm4.aspx 複製代碼 代碼如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm4.aspx.cs" Inherits="table.WebForm4" %> <!DOCTYPE html PUBLIC "-//W3
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
不過請仔細對比一下,你會發現其中差別還是很大的。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
它們之間有區別嗎? 開發過程中似乎很少有人去加個額外的window,覺得多此一舉。比如Ajax過程中回呼函數解析JSON格式字串 複製代碼 代碼如下: ... function callback(str){ var json = eval('(' + str + ')'); } ... 通常直接使用eval,而非var json = window.eval('(' + str + ')');
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
滑鼠移入Tab的時候會有一定的延時才會切換到相應的項,防止使用者不經意的滑鼠操作,點擊相應的項也可以切換 : 原始碼: 複製代碼 代碼如下: <!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
除以下代碼外,再匯入個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
複製代碼 代碼如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <script src="http://demo.jb51.net/jslib/jquery/jquery.js" type="
Time of Update: 2013-10-16
---------tabs.js----------------- 複製代碼 代碼如下: $(function(){ //init seleted tab var on= $.cookie('current_tab'); if(on!="" && !isNaN(on)) { $(".nav li").eq(on).addClass("on").siblings().removeClass(); } //default tab else { $.cookie('current_tab', 0);
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
考慮兩種情況: (1)使用者關閉瀏覽器或重新導向到其他網頁 複製代碼 代碼如下: <script type=text/javascript> function exit_init() { if(xmlhttp.readyState==4){ if(xmlhttp.status==200){ // } else{ alert("there was a problem accessing the server:"+xmlhttp.status); } } } //定義windows
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(){} 似乎沒有什麼區別,都是一樣的嘛,真的是一樣的嗎,大家看看下面的例子 複製代碼 代碼如下: ///----------------------------------------------------------------------------