Time of Update: 2013-10-17
在網頁上單擊滑鼠的地方顯示層,供使用者選擇地點,同時把使用者選擇的地點顯示在文字框中。主要是控制層的顯示、隱藏。 複製代碼 代碼如下: <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=gb2312"> <TITLE>層的隱藏顯示練習</TITLE> <STYLE type="text/css"> <!--
Time of Update: 2013-10-17
前言 庫是一個飽受爭議的熱門話題。一種觀點認為它是一種非常棒的工具,是任何開發人員都不可或缺的;另一種觀點則認為在不理解庫的內部工作原理的情況下對庫形成依賴,會助長懶惰的風氣從而導致開發人員素質下降。但是不管怎麼樣,好像每個人都贊同編寫自己的庫,況且把自己日常用到的東西合并到一起本身就是一件有意義的事情。 下面我們開始建立自己的JS庫,並編寫兩個自己的方法 複製代碼 代碼如下: //作者: //時間:2012-11-13 (function(){ window['LS']={};
Time of Update: 2013-10-17
一、官方網站下載:http://jquery.com 二、引入JQuery檔案庫 下載完後不用安裝,只需將檔案匯入頁面中即可,即在<head></head>中加入如下代碼:<script language="javascript" type="text/javascript" src="jquery-1.8.3.min.js"></script> 三、編寫一個彈出對話方塊的簡單應用。 複製代碼 代碼如下: <!DOCTYPE HTML
Time of Update: 2013-10-17
在Web項目的開發中,js,css檔案會隨著項目的開發變得越來越多,越來越大,這就給給效能方面帶來一些問題,如,頁面引入的的js,css越多的話,那麼對就增加了http請求數,解決該問題的一個好的方法就是合并js,css檔案. 下面就簡單介紹一個方法,十分簡單.下面介紹以合并js檔案為例 (1) G.js檔案 複製代碼 代碼如下: ~function(){ window.G={}; G.Method={ add:function(){ alert(111);} ,sub:function(){
Time of Update: 2013-10-17
一、原型模式結構 複製代碼 代碼如下: // 定義一個jQuery建構函式 var jQuery = function() { }; // 擴充jQuery原型 jQuery.prototype = { }; 上面是一個原型模式結構,一個jQuery建構函式和jQuery執行個體化對象的的原型對象,我們一般是這樣使用的: 複製代碼 代碼如下: var jq = new jQuery();
Time of Update: 2013-10-17
Underscore是一個非常實用的JavaScript庫,提供許多編程時需要的功能的支援,他在不擴充任何JavaScript的原生對象的情況下提供很多實用的功能。 無論你寫一段小的js代碼,還是寫一個大型的HTML5應用,underscore都能幫上忙。目前,underscore已經被廣泛使用,例如,backbone.js唯一強依賴的庫就是underscore.js。 今天主要討論Underscore
Time of Update: 2013-10-17
該外掛程式被廣泛應用於各種需要評分的頁面當中,今天作為學習,把源碼拿出來分析一下,順便學習其使用方法。 一、外掛程式使用一覽。 複製代碼 代碼如下: <div> <div>第一個例子</div> <div id="16_1" class="myRating"></div> </div> 複製代碼 代碼如下: <link href="Script/jRating/jRating.jquery.css"
Time of Update: 2013-10-17
js最佳化針對IE6.0起作用,總結一下幾點:一,字串拼接:用數組拼接複製代碼 代碼如下:function func2(){ var start = new Date().getTime(); var array = []; for(var i = 0; i < 10000; i++){ array[i] = "<input type='button' value='a'>"; } 二,for 迴圈:先把長度算出來直接調用複製代碼 代碼如下:function func2(){
Time of Update: 2013-10-17
導覽列 +01-10 01 02 03 04 04 05 06 07 08 09 10 +11-20 11 12 13 14 15 16 17 18 19 20 +21-30 21 22 23 24 25 26 27 28 29 30 +31-40 31 32 33 34 35 36 37 38 39 40 +41-50 41 42 43 44 45 46 47 48 49 50 +51-60 51 52 53 54 55 56 57 58 59 60
Time of Update: 2013-10-17
炫彩的文字效果 歡迎使用 Internet 資訊服務! Microsoft Internet 資訊服務是一個案頭 Web 服務器,使用它,您可以從自己的電腦上發布個人首頁,並把您電腦上的文檔共用到整個網路。 在將網站上傳到 Internet 供應商之前,也可以將 IIS 用作開發平台。 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2013-10-17
Web 頁對話方塊 Tip of the day -- Web 頁對話方塊 X 協助 1/5 你知道嗎... 大家好,我是dennisboys 自動翻帖 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2013-10-17
window 的 onload、onresize、onscroll 事件,跟其他的事件不一樣,它不能用 attachEvent 或 addEventListener 來添加。也就是說,它只能這樣來(以 onload 為例,下同): 複製代碼 代碼如下: window.onload = function() { // ... }; 但這有個問題,就是想再為 onload 增加新的事件處理常式時,不能直接為 window.onload 賦值了,否則前面的賦值就會被覆蓋了。 可這樣做: 複製代碼
Time of Update: 2013-10-17
用例如下: 複製代碼 代碼如下: <form name="form1" method="POST" action="--WEBBOT-SELF--"> <select id="select1" onchange="select1onchange()"> <option value="1">1</option> <option value="2">2</option> <option value="3">3<
Time of Update: 2013-10-17
早上要做一功能,checkbox被選中時,顯示隱藏的層,取消選中時,再隱藏選中的層。 初始代碼如下: 複製代碼 代碼如下: $(function(){ $("#ischange").change(function() { alert("checked"); }); }); 搗騰了半天,竟然一點反應都沒有。百度了下,有高人指出上面幾行代碼在Firefox等瀏覽器中可以正常運行,即你選中複選框或取消複選框都會彈出一個對話方塊,但是在IE中卻不會正常執行,即選中或取消複選框不會立即彈出對話方塊。
Time of Update: 2013-10-17
擷取一個數組中的最大(最小)值的最簡單的方法,就是對數組進行一次遍曆,通過比較,找到其最大(最小)值。但是其實在javascript的原生方法中,已經提供了一些快捷方法,可以實現此功能。 1 Array.prototype.sort 複製代碼 代碼如下: var a = [7,3,4,6,10]; a.sort(function(a,b){ return (a-b);}) 注意,sort裡的比較函數是一定要傳入的,如果不傳此函數的話,a.sort()的結果是[10,3,4,6,7]; 2
Time of Update: 2013-10-17
HTML 4.01 的script屬性 charset: 可選。指定src引入代碼的字元集,大多數瀏覽器忽略該值。 defer: boolean, 可選。延遲指令碼執行,相當於將script標籤放入頁面body標籤的底部,js指令碼會在document的DOMContentLoaded之前執行。除IE和較新版本的Firefox外,其他瀏覽器並未支援。 language: 已廢棄。大部分瀏覽器會忽略該值。 src: 可選。指定引入的外部代碼檔案,不限制尾碼名。 type:
Time of Update: 2013-10-17
在前端對錶格排序的Jquery外掛程式有很多,功能也很強大,比如說Jquery Data Tables對錶格的處理就相當強大,可對錶格進行排序,搜尋,分頁等操作,不過沒有仔細研究過其實現原理。為了更好的理解在前端對錶格進行排序的原理,也為了進一步的學習Jquery,所以決定用Jquery來實現一個對錶格進行排序的小功能。 該實現的主要思想是:擷取滑鼠點擊的表頭儲存格的列號,遍曆資料行,擷取每個<tr>中的html,同時擷取每個<tr>標籤下對應擷取到的列號的<td&
Time of Update: 2013-10-17
複製代碼 代碼如下: var tree = new Ext.tree.TreePanel({ region:'west', title:'網站樹:', width:200, minSize:150, maxSize:200, iconCls:'ux-auth-menu-header-icon', split:true, autoScroll:true, autoHeight:false, collapsible:true, rootVisable:false, //不顯示根節點
Time of Update: 2013-10-17
代碼如下: 複製代碼 代碼如下: <!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"> <head> <meta http-equiv="Content-Type"
Time of Update: 2013-10-17
先前,我從網上下載了一個jQuery的Ajax上傳外掛程式,網頁的左側是上傳分類,想要實現的一個功能是如此這樣的:我本來是打算在服務端根據上傳分類建立不同的檔案夾來儲存檔案的,因此這個就需要傳一個上傳分類參數給後台。這些上傳分類是從資料庫讀出,用repeater產生的。當點擊其中一個分類時就給他設定一個樣式,並且將這個分類的名字儲存到一個變數uploadCatlog中。我可以取到分類並傳給後台,但是很奇怪的是只有第一次是正確的,以後的每次參數都不更新。其實在上傳外掛程式的onComplete回呼