Time of Update: 2013-10-17
建立全域函數只需通過為jquery對象添加屬性即可,而建立jquery對象的方法也可以通過為jquery.fn添加屬性來實現,實際上jquery.fn對象就是jquery.prototype原型對象的別名,使用別名更方便引用。 demo: 複製代碼 代碼如下: jQuery.fn.test = function(){ alert('這是 jquery 對象方法 '); } 然後,就可以在任何jquery對象中調用該方法了。 複製代碼 代碼如下: $(function(){
Time of Update: 2013-10-17
局部變數也就可以理解為在函數內部定義的變數,很明顯訪問局部變數要比域外的變數要快,因為它位於範圍鏈的第一個變數對象中(關於範圍鏈的介紹可以閱讀這篇文章)。變數在範圍鏈的位置越深,訪問所需要的時間就越長,全域變數總是最慢的,因為它們位於範圍鏈的最後一個變數對象。 每種資料類型的訪問都需要付出點效能代價,對於直接量和局部變數基本都能消費得起,而訪問數組項和對象成員則要代價高點。顯示了不同瀏覽器,分別對這四種資料類型進行了200'000次操作所用的時間。
Time of Update: 2013-10-17
具體操作實現方法: Html 代碼: 複製代碼 代碼如下: <a id="a4" style="color:#0094ff" icon="icon-lightning">大量設定列寬</a> <div id="cusmenu" style="width:150px;"> <div id="80">寬度 80px</div> <div id="100">寬度 100px</div> <div id="120"
Time of Update: 2013-10-17
計算ex摘要 Math.exp(x) 參考 x 數值或運算式,被用作指數。 傳回值 ex,即e的x次冪。這裡e代表自然對數的底數,其近似為2.71828。 exp()文法如下: 複製代碼 代碼如下: Math.exp(x) ; Math.exp()範例: 複製代碼 代碼如下: <script language='JavaScript' type='text/JavaScript'> <!-- document.write(Math.exp(2)); // output is
Time of Update: 2013-10-17
核心代碼:複製代碼 代碼如下: <script type="text/javascript" src="http://demo.jb51.net/jslib/jquery/jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(function() { $(window).scroll(function() { var top = $(window).scrollTop()+200;
Time of Update: 2013-10-17
那麼這是怎麼實現的呢?本文將引用烏徒幫的跟隨螢幕滾動代碼,對此效果做詳解。 一、原始代碼 下面是烏徒幫的跟隨螢幕滾動代碼,它的範圍為烏徒幫網頁兩側的側邊欄,以及雙擊螢幕後的右側隱藏欄。 複製代碼 代碼如下: var $catalogueOffsetTop = $('aside#catalogue').offset().top; var $archiveOffestTop = $('aside#archive').offset().top; var $archiveOffestLeft = $('
Time of Update: 2013-10-17
在Javascript裡,setTimeout和setInterval接收第一個參數是一個字串或者一個函數,當在一個對象裡面用setTimeout延時調用該對象的方法時 複製代碼 代碼如下: function obj() { this.fn = function() { alert("ok"); console.log(this); setTimeout(this.fn, 1000);//直接使用this引用當前對象 } } var o = new obj(); o.fn();
Time of Update: 2013-10-17
UI Events並不是直接與使用者行為相關,UI Event 包括如下: DomActivate:當元素被使用者的某些行為啟用時,觸發該事件,例如使用者的滑鼠或者鍵盤事件。這一事件在DOM3級事件中被廢棄了,FF2+和chrome支援,猶豫跨瀏覽器實現機制的不同,不推薦使用這個事件。 load:在window對象上觸發是當頁面載入完畢之後觸發的,在frameset 是當所有的frames都載入完畢之後觸發,當指img標籤時,是指圖片載入完畢之後等等。
Time of Update: 2013-10-17
JavaScript 學習筆記之一jQuery寫法圖片等比縮放以及預先載入 以前對於JavaScript總是在用到的時候在頁面上寫幾個函數,基本沒考慮到函數的封裝與重用,最近有個項目可能對於這方面要求有點高,所以就研究了下類似jQuery的封裝。 這裡就圖片等比縮放以及預先載入的效果來嘗試下,寫寫類似的JavaScript代碼。 圖片等比縮放以及預先載入的效果如下(預先載入效果有時候會不是很明顯): JS主要代碼如下: 複製代碼 代碼如下: (function() { var yQuery =
Time of Update: 2013-10-17
協助文檔:傳送門 html 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <title>jQuery Tools dateinput demo</title> <!-- include the Tools --> <script
Time of Update: 2013-10-17
代碼部分 複製代碼 代碼如下: // JavaScript Document (function($){ $.fn.extend({ "changeTips":function(value){ value = $.extend({ divTip:"" },value) var $this = $(this); var indexLi = 0; //點擊document隱藏下拉層 $(document).click(function(event){ if($(event.target).attr(
Time of Update: 2013-10-17
數組的建立 第一種: 複製代碼 代碼如下: var colors = new Array(); var colors = new Array(20);//建立包含20項的數組 var colors = new Array("Greg");//建立包含1項,即字串"Greg"的數組 var colors = new Array("red","blue","green"); //建立包含3項 第二種: 複製代碼 代碼如下: var colors = ["red","blue","green"];
Time of Update: 2013-10-17
我們都知道要讓form能提交檔案,需要在form上指定enctype=multipart/form-data的attribute,這樣才能上傳檔案,關於enctype的文章很多,就不再做解釋。 問題是因為使用了MVC的Html.BeginForm()來輸出表單代碼,預設是沒有加入enctype的, 複製代碼 代碼如下: @using (Html.BeginForm()) { } 在PartialView中有一個<input type="file"
Time of Update: 2013-10-17
複製代碼 代碼如下: /* JS基礎文法中,幾個比較容易讓人疑惑的地方。 */ /* == === */ function de() { var ab = 25; //數值 var ba = "25"; //字串 if (ab == ba) { //==,會先轉換,後比對。 //alert("b"); } if (!(ab === ba)) { //===不會轉換,而進行直接比對,ab是數實值型別資料,而ba是字串類型資料 //alert("a"); } } /* !b !!b */
Time of Update: 2013-10-17
這裡只是純粹的搭建,連環境都沒有,還玩什麼伺服器端js,一切都成了浮雲,讓我們先搭建一個環境,輸入一個“hello world”的頁面。 對的,win7下的搭建,你只需一步一步跟著我做,就ok了,不用去瞭解過多的細節,那不是我們現在要關心的,我們現在首要目的是把環境搭建好,要不然就沒有下一步了。 Step 1. 下載 node.js在windows下是要安裝在Cygwin下的,去Cygwin網站下載Cygwin安裝程式。 Cygwin網站:http://cygwin.com/ 直接:http:/
Time of Update: 2013-10-17
如下所示: 複製代碼 代碼如下: var person = new Object(); person.name = "Nicholas"; person.age = "29" person.job = "Software Engineer"; person.sayName = function () { alert(this.name); };
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
1.使用外掛程式為 jquery.pagination.js ,如果沒有這個js檔案的話,我可以給發個。 首先引用 jquery.pagination.js (分頁js),跟pagination.css(分頁樣式css)。 2.頁面js代碼為 複製代碼 代碼如下: <script type="text/javascript"> var pageIndex = 0; //頁面索引初始值 var pageSize = 15; //每頁顯示條數初始化,修改顯示條數,修改這裡即可
Time of Update: 2013-10-17
先按W3C的規範來說這兩個方法應該返回的內容吧: querySelector: return the first matching Element node within the node's subtrees. If there is no such node, the method must return null.(返回指定元素節點的子樹中匹配selector的集合中的第一個,如果沒有匹配,返回null) querySelectorAll: return a NodeList
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" content="text/