Time of Update: 2013-10-17
由於目前Google的不穩定,而國內沒有好的同類服務,故這已不是最優方案。當然,你把Google庫路徑換成國內穩定且快速的路徑(如果存在),依然可以受用此方法帶來的各種好處。即便如此,綜合考慮的話,還是Google的最合適。 網站開發的項目中使用Google CDN的jQuery庫雖然載入速度很快,但調用本機伺服器的庫才可以確保萬無一失。而使用Wordpress內建jQuery庫的話,其末尾防止JS庫
Time of Update: 2013-10-17
今天看視頻學習時學習了一種新技術,即平時我們在一個頁面點擊“提交”或“確認”會自動跳轉到一個頁面。 在網上搜了一下,關於這個技術處理有多種方法,我只記下我在視頻裡學到的三種: 1、用一個response.sendRedirect("目標頁面.jsp\.htm");實現直接跳轉; 2、有時我們需要有點提示,比如“x秒後自動跳轉,若沒有跳轉,請點擊此處”,則可以在myeclipse中調用Snippets中的Delay Go To URL.會自動產生如下代碼: 複製代碼 代碼如下:
Time of Update: 2013-10-17
在HTML 5中,localstorage是個不錯的東西,在支援localstorage的瀏覽器中, 能持久化使用者表單的輸入,即使關掉瀏覽器,下次重新開啟瀏覽器訪問,也能讀出其值, 下面給出的例子是使用jquery 在每次表單載入的時候,讀localstorage的值,而在表單每次提交時則清楚其值的例子 首先是一個表單: 複製代碼 代碼如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="
Time of Update: 2013-10-17
複製代碼 代碼如下: <html> <head> <title>密碼強度檢測效果</title> <script type="text/javascript"> function chkpwd(obj){ var t=obj.value; var id=getResult(t); //定義對應的訊息提示 var msg=new Array(4); msg[0]="密碼過短。"; msg[1]="密碼強度差。";
Time of Update: 2013-10-17
很慶幸,我又見到了末日後新升的太陽,所以我還能在這裡寫文章,言歸正傳哈,最近做了一個項目,需要用子網域名稱調用主網域名稱下的一個現有的功能,於是想到了用jsonp來解決,在我們平常的項目中不乏有這種需求的朋友,於是記錄下來以便以後查閱同時也希望能幫到大家。什麼是JSONP協議? JSONP即JSON with
Time of Update: 2013-10-17
按值和按引用的比較 Numbers 和 Boolean 類型的值 (true 和 false) 是按值來複製、傳遞和比較的。當按值複製或傳遞時,將在電腦記憶體中分配一塊空間並將原值複製到其中。然後,即使更改原來的值,也不會影響所複製的值(反過來也一樣),因為這兩個值是獨立的實體。 對象、數組以及函數是按引用來複製、傳遞和比較的。 當按地址複製或傳遞時,實際是建立一個指向原始項的指標,然後就像拷貝一樣來使用該指標。如果隨後更改原始項,則將同時更改原始項和複製項(反過來也一樣)。實際上只有一個實體;
Time of Update: 2013-10-17
會移動的菜單,層菜單,滑鼠放在菜單上,菜單就會移動,上浮的菜單,像是TAB風格的菜單,使用了一張圖片,順著代碼可下載到這張修飾的小圖片。 移動菜單,層菜單moveMenu 選項一 選項二 選項三 選項四 選項卡一 選項一 選項二 選項三 選項四 選項卡二 選項一 選項二 選項三 選項四 選項卡三 選項一 選項二 選項三 選項四
Time of Update: 2013-10-17
如何提升JavaScript執行效率與效能在前端開發中位於一個很重要的地方,這節來研究下如何在平時做項目過程中,提升JavaScript效能與運行效率。 迴圈 迴圈是很常用的一個控制結構,大部分東西要依靠它來完成,在JavaScript中,我們可以使用for(;;),while(),for(in)三種迴圈,事實上,這三種迴圈中for(in)的效率極差,因為他需要查詢散列鍵,只要可以就應該盡量少用。for(;;)和while迴圈的效能應該說基本(平時使用時)等價。
Time of Update: 2013-10-17
複製代碼 代碼如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>無標題文檔</title> <script type="text/javascript" language="javascript"> function selectAll() { var allCheckBoxs =
Time of Update: 2013-10-17
經常上qq空間的朋友一定對qq空間的個性編輯模組印象深刻,可以隨意的拖動頁面上的元素並且調動大小實現動態布局,當然我每次上csdn部落格也會在右下角看見一個新聞視窗,這種效果的確很酷,那麼我們也來實現一個吧. 實現步驟: 1.首先是動態建立一個類似這樣的html結構: 複製代碼 代碼如下: <div style="height:200px;width:200px;overflow:hidden" id="a"> <div id="head" style="background-
Time of Update: 2013-10-17
複製代碼 代碼如下: <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> .Div_Scroll { position:fixed; margin:-10px; visibility:
Time of Update: 2013-10-17
重新整理頁面會提示 “要顯示此頁面, Firefox 必鬚髮送將會導致重複之前動作的資料(例如搜尋或者下訂單)”看看以下代碼複製代碼 代碼如下:$("iframe").load(function(){ $(this).attr("src","about:blank"); }) 架構開啟後設定地址到一個空頁面就可以避免這個提示但有個問題 就是設定src後會觸發load事件,會導致迴圈載入所以需要設定一個參數 等觸發完正常事件後 做一個標記load完後判斷一下複製代碼 代碼如下:$("iframe[
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的事件處理API。 jQuery是一個小的JavaScript庫,提供了廣大的API來處理不同的瀏覽器事件和效果和更大量。閱讀更多有關處理使用JavaScript瀏覽器的使用者介面效果。在本教程中,我們將探討不同的API jQuery來處理不同的瀏覽器事件。 Page Load事件 就緒(FN),
Time of Update: 2013-10-17
用jquery如何?點擊一欄目實現欄目變色,再點擊另一欄目也變色,但原來的變回原色,我有個數組a(1,2,3,我迴圈遍曆輸出a的值。 複製代碼 代碼如下: <ul> <li><a onclick="show();"><b>a[0]<b><a></li> <li><a onclick="show();"><b>a[1]<b><a></li> &
Time of Update: 2013-10-17
附上代碼如下: JScript code: 複製代碼 代碼如下: $.ajax({ type: "post", url: "jsp/loginManager.jsp", data: "name=" + $('#rname').attr('value') + "&pwd=" + $('#pwd').attr('value'), dataType: "text", success: function(data) { alert(data); } });
Time of Update: 2013-10-17
CSS與JS緊密配合,為我們的頁面增添了很多別緻的效果。為了達到某種特殊的效果我們需要用Javascript動態去更改某一個標籤的CSS屬性。例如常用的關閉某個漂浮的廣告顯示:document.getElementById('ad').style.display='none';相當於:.ad{ display:none}. 下面就是JS 控制CSS樣式表的文法對照:
Time of Update: 2013-10-17
在IE瀏覽器下,一次resize事件被執行了多次。這是IE6和IE7的一個比較廣為認知的問題,這個問題在這兩個版本的瀏覽器中表現有所不同,通常IE6下會比IE7下更為糟糕。 現在已經有了一個較好的解決方案,讓jquery.wresize.js這個jquery外掛程式來幫你: Js代碼 複製代碼 代碼如下: /* =============================================================================== WResize is
Time of Update: 2013-10-17
關於 Javascript 的函數範圍、調用對象和閉包之間的關係很微妙,關於它們的文章已經有很多,但不知道為什麼很多新手都難以理解。我就嘗試用比較通俗的語言來表達我自己的理解吧。 範圍 Scope Javascript 中的函數屬於詞法範圍,也就是說函數在它被定義時的範圍中運行而不是在被執行時的範圍內運行。這是犀牛書上的說法。但"定義時"和"執行(被調用)時"這兩個東西有些人搞不清楚。簡單來說,一個函數A在"定義時"就是 function A(){}
Time of Update: 2013-10-17
你是否遇到了想利用AJAX訪問一些公網API,但是你又不想建立自己的代理服務,因為有時我根本就沒打算涉及服務端任何代碼,但是討厭的瀏覽器的同源策略,阻止了我們的ajax調用。 比如我想訪問一個天氣的restfull api,如果我直接去GET: 複製代碼 代碼如下: $.get("http://m.weather.com.cn/data/101010100.html");