Time of Update: 2014-05-19
var dialog = art.dialog({title: '歡迎',content: '歡迎使用artDialog對話方塊組件!',icon: 'succeed',follow: document.getElementById('btn2'),ok: function(){this.title('警告').content('請注意artDialog兩秒後將關閉!').lock().time(2);return false;}, button: [{name: '同意',callback:
Time of Update: 2014-05-19
1 <div id="parent">2 <div id="content"> </div>3 </div> 當content內容多時,即使parent設定了高度100%或auto,在不同瀏覽器下還是不能完好的自動伸展。解決方案如下:1 <div id="parent"> 2 <div id="content"></div> 3 <div
Time of Update: 2014-05-19
W3C規範對於指令碼事件有兩種處理方式,第一種為冒泡模型,第二種是事件捕獲模型,前者為早期瀏覽器所支援的(也稱DOM 0標準),後者為W3C規範推薦的方法(也稱DMO 2標準).其主要區別: @1:事件捕獲不依賴於特定的事件來處理屬性 @2:你可以對任何對象的任何一種事件註冊多個事件控制代碼函數第一個javascript程式<script type="text/javascript"> function cascadeDown(event){alert(
Time of Update: 2014-05-19
UglifyJS是一個對javascript進行壓縮和美化的工具,在它的文檔說明中,我看到了幾種關於if語句最佳化的方法。儘管我還沒使用它去做一些嘗試性的測試,但從這裡可以看到它的確對js作了美化的工作。也許有人認為if語句就那麼簡單,能最佳化到什麼程度?但是看看以下的幾種方式,你也許會改變看法。一、使用常見的三元操作符if (foo) bar(); else baz(); ==> foo?bar():baz();if (!foo) bar(); else baz(); ==>
Time of Update: 2014-05-19
為什麼使用AngularJS 指令?使用過 AngularJS 的朋友應該最感興趣的是它的指令。現今市場上的前端架構也只有AngularJS 擁有自訂指令的功能,並且AngularJS 是目前唯一提供Web應用可複用能力的架構。目前有很多JavaScript 產品提供外掛程式給Web開發人員。例如, Bootstrap 就是當前比較流行的提供樣式和JavaScript外掛程式的前端開發套件。但是開發人員在使用Booostrap中的外掛程式時, 必須切換到JavaScript 模式來寫
Time of Update: 2014-05-19
JavaScript 架構(庫)JavaScript 進階程式設計(特別是對瀏覽器差異的複雜處理),通常很困難也很耗時。為了應對這些調整,許多的 JavaScript (helper) 庫應運而生。這些 JavaScript 庫常被稱為 JavaScript 架構。jQueryjQuery 是目前最受歡迎的 JavaScript 架構。它使用 CSS 選取器來訪問和操作網頁上的 HTML 元素(DOM 對象)。jQuery 同時提供 companion
Time of Update: 2014-05-19
上篇說道,tokenize方法會把selector分割成一個個selector邏輯單元(如div a是兩個邏輯單元)並為之片段賦予對應類型的過濾函數。for ( type in Expr.filter ) { if ( (match = matchExpr[ type ].exec( soFar )) && (!preFilters[ type ] || (match = preFilters[ type ](
Time of Update: 2014-05-19
複製代碼 代碼如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>json</title> <script type="text/javascript"> <!-- var list=[{"name":"中國",
Time of Update: 2014-05-19
如何讓使用者輸入wap手機網站的網址時自動跳轉到wap網站 ?wap頁面自動跳轉的實現方式 ?如何判斷訪客是否是行動裝置訪問,自動跳轉到wap頁面 ?手機自動跳轉到手機頁面,一個網址區分普通訪問與手機訪問 ?手機訪問網站網域名稱時如果實現自動跳轉到wap頁面 ?本文就可以解決這些問題!複製代碼 代碼如下:function is_mobile() { var regex_match = /(nokia|iphone|android|motorola|^mot-
Time of Update: 2014-05-19
JavaScript模組化規範主要遵循CommonJS和AMD規範。 CommonJS規範-伺服器端JavaScript規範 Node.js是一個伺服器端JavaScript項目,採用了CommonJS標準實現其模組系統。 CommonJS中採用一個全域require方法來載入模組,主要由原生模組module來實現和完成,該模組在啟動時已經被載入。 模組主要分為兩類:原生模組,檔案模組。 1.原生模組 原生模組也
Time of Update: 2014-05-19
為了保證網頁代碼層次清晰,便於管理,一般HTML中只體現網頁結構,具體的行為處理通過JS實現,樣式則通過CSS檔案管理。在以上原則下通過JS實現行為時,一定要注意文檔載入過程中,執行JS代碼的時機。頁面載入過程有兩個事件,一是ready,表示文檔結構已經載入完成(不包含圖片等非文字媒體檔案),二是onload,指示頁 麵包含圖片等檔案在內的所有元素都載入完成。(可以說:ready 在onload 前載入。)(1) 一些待調用函數定義,要在調用前定義。(2)
Time of Update: 2014-05-19
用jquery實現的一個超級簡單的下拉式功能表。初始效果滑鼠懸浮效果代碼<script type="text/javascript" src="jquery-1.11.1.js"></script>Homesub1sub2sub3Programmingsub1sub2sub3Japanesesub1sub2sub3<script type="text/javascript">$(document).ready(function() {$('nav
Time of Update: 2014-05-19
如果直接在javascript代碼中,顯示多行直接加\n就好了: 複製代碼 代碼如下: alert("第一行\n第二行"); 但是在java代碼中,\n是不行的,\\n才能顯示多行!!! 複製代碼 代碼如下: String strTemp="曆史答題報告:\\n"+"您答對了"+RdData.getCcnt()+"道題\\n"+"您有"+RdData.getBcnt()+"道題沒答\\n"+"您答錯"+RdData.getWcnt()+"題\\n";
Time of Update: 2014-05-19
條件陳述式用於基於不同的條件來執行不同的動作。條件陳述式通常在寫代碼時,您總是需要為不同的決定來執行不同的動作。您可以在代碼中使用條件陳述式來完成該任務。在 JavaScript 中,我們可使用以下條件陳述式:•if 語句 - 只有當指定條件為 true 時,使用該語句來執行代碼•if...else 語句 - 當條件為 true 時執行代碼,當條件為 false 時執行其他代碼•if...else if....else 語句 -
Time of Update: 2014-05-19
1.選取jQuery對象中的: first() last() eq() slice() filter() not() has() add() 2.將選中元素集用作內容相關的: find()(子孫元素) children()(直接子項目) contain()(直接子項目,包含文本節點,無參數) next()(下一個) prev()(上一個) nextAll()(後面所有) prevAll()(前面所有)
Time of Update: 2014-05-19
如果你要使用html元素本身的屬性或方法就需要使用this,如果你要使用jQuery封裝後的方法或屬性就要$(this),一般則有如下的關係. 複製代碼 代碼如下: $(this)[0] == this; 上文的代碼是要使用this的地方是要調用表單form的有reset方法,而這一方法jQuery沒有封裝支援,所以才有this.reset(),也可以使用$(this)[0].reset(); 關於什麼時候使用二者?可以看如下例子: 複製代碼 代碼如下: <a href="http://
Time of Update: 2014-05-19
做項目時遇到處理綁定“enter”鍵的情況,直接把情景代碼截取出來了。代碼如下: 複製代碼 代碼如下: function sendLoginData(){ loginvalidateForm(); $(document).keydown(function(event){ if(event.keyCode == 13){ //綁定斷行符號 $('#login-submit').click(); /自動/觸發登入按鈕 } }); $('#login-submit').click(function()
Time of Update: 2014-05-19
做聯動效果,若是用純JavaScript來做,往往需要輔助頁面儲存需要重新整理的結果集,然後渲染到原頁面。考慮將需要動態重新整理的內容自動拼接到前一個下拉框之後,當前一個下拉框onchange後,同級的後面的下拉框全部清除,然後重新拼接重新整理的內容。用JQuery實現比較容易,代碼以省市聯動效果為例實現。JSP頁面代碼如下: 複製代碼 代碼如下: <li id="base"> <p>生源地:</p> <label> <select id="
Time of Update: 2014-05-19
今天遇到Jquery 返回json資料,IE瀏覽器提示下載的問題,當提交完資料後返回的本來是json資料的,在火弧裡測試正常,但是IE裡老是提示儲存,在網上搜尋了下,大部分是說將ContentType設定為"text/xml“本人測試了下,傳回值為undefined, 原傳回值設定:context.Response.ContentType = "application/json"; 嘗試: context.Response.ContentType = "text/xml;"; 失敗 後來試了下:
Time of Update: 2014-05-19
一、獲得座標 1.offset() offset() 方法返回或設定匹配元素相對於文檔的位移(位置)。(即視口座標) 該方法返回的對象包含兩個整型屬性:top 和 left,以像素計。 此方法只對可見元素有效。 2.position() position() 方法返回匹配元素相對於父元素的位置(位移)。(相對於父元素的文檔座標) 該方法返回的對象包含兩個整型屬性:top 和 left,以像素計。 此方法只對可見元素有效。 3.offsetParent() offsetParent()