Time of Update: 2013-10-22
複製代碼 代碼如下:<script src="../js/jquery-1.4.2.min.js" type="text/javascript"></script><script type="text/javascript"> function AutoScroll(obj) { &
Time of Update: 2013-10-22
在做一些關於會員線上的問題時,往往我們要根據覽器是否關閉來判斷使用者是否下線,然後再從session和application中將此使用者移除。 由於瀏覽器是無狀態的,在這時候捕捉瀏覽器關閉會出現兩種情況: 1.真正的關閉瀏覽器 (a.點擊關閉按鈕 b.右擊工作列關閉 c.按alt+F4關閉) 2.重新整理瀏覽器。 那如何判斷區分這兩種動作呢? 一. Javascript代碼處理方法: 複製代碼 代碼如下: function window.onbeforeunload() {
Time of Update: 2013-10-22
Email:longsu2010 at yeah dot net js String的replace函數的函數簽名如下: replace(match/* 字串ORRegex */, replacement/* 字串OR函數 */) 作用是將源自符串中的match替換為replacement並返回替換後的字串。 如果第一參數是字串就沒什麼好說的了,但是要記住此時只在源自符串替換一次match(第一次)函數就執行完成了。所以第一參數通常是一個Regex,舉例如下: replace(/a/g, "b"
Time of Update: 2013-10-22
一些簡單的例子,用原生js和jQuery實現隨意改變div屬性,和重設。代碼如下: 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>函數傳參,改變Div任意屬性的值</title> <style type="text/css"> body,p{margin:0;padding:0;}
Time of Update: 2013-10-22
知識點: 主要是對Date對象的使用。(下面的介紹內容來自網路) 建立 Date 對象的文法: var myDate=new Date() Date 對象會自動把當前日期和時間儲存為其初始值。 參數形式有以下5種: new Date("month dd,yyyy hh:mm:ss"); new Date("month dd,yyyy"); new Date(yyyy,mth,dd,hh,mm,ss); new Date(yyyy,mth,dd); new Date(ms);
Time of Update: 2013-10-22
如下: 代碼如下: 複製代碼 代碼如下: <!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
Time of Update: 2013-10-22
檢測對象中屬性的存在與否可以通過幾種方法來判斷。 1.使用in關鍵字該方法可以判斷對象的自有屬性和繼承來的屬性是否存在。 複製代碼 代碼如下: var o={x:1}; "x" in o; //true,自有屬性存在 "y" in o; //false "toString" in o; //true,是一個繼承屬性 2.使用對象的hasOwnProperty()方法 該方法只能判斷自有屬性是否存在,對於繼承屬性會返回false。 複製代碼 代碼如下: var o={x:1};
Time of Update: 2013-10-22
有一段時間沒更新部落格了,都不知道忙些什麼,學習也沒什麼進展,慚愧。 這一周閒置時間學著自己寫一下JQ外掛程式。以前用原生的JS做過類似拖拽div的效果,現在按原思路改做成一個JQ的小外掛程式,當作製作JQ外掛程式的一個小練習。 html為 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Time of Update: 2013-10-22
json檔案是一種輕量級的資料互動格式。一般在jquery中使用getJSON()方法讀取。 複製代碼 代碼如下: $.getJSON(url,[data],[callback]) url:載入的頁面地址 data: 可選項,發送到伺服器的資料,格式是key/value callback:可選項,載入成功後執行的回呼函數 1.首先建一個JSON格式的檔案userinfo.json 儲存使用者資訊。如下: 複製代碼 代碼如下: [ { "name":"張國立", "sex":"男",
Time of Update: 2013-10-22
js複製代碼 代碼如下:<script language="javascript"> <!-- var wait_time = 8; //設定秒數(單位秒) var secs_time = 0; for(var i=1;i<=wait_time;i++) { window.setTimeout("sTimer("+i+")",i*1000); }
Time of Update: 2013-10-22
打包用到的批次檔代碼如下:複製代碼 代碼如下:@echo offtitle Builder - 正在合并 ...color 03REM =====================================REM jsbuilder beta版REMREM =====================================SETLOCAL ENABLEEXTENSIONSecho.REM 過濾檔案尾碼,只combo js檔案if "%~
Time of Update: 2013-10-22
一、基本概念 encodeURI和decodeURI是成對來使用的,因為瀏覽器的地址欄有中文字元的話,可以會出現不可預期的錯誤,所以可以encodeURI把非英文字元轉化為英文編碼,decodeURI可以用來把字元還原回來。encodeURI方法不會對下列字元進行編碼:":"、"/"、";" 和 "?",encodeURIComponent方法可以對這些字元進行編碼。 decodeURI()方法相當於java.net.URLDecoder.decode(URIString, "UTF-8");
Time of Update: 2013-10-22
在寫跨瀏覽器的js程式中,檢測瀏覽器是一個很重要的工作。我們不時要為不同的瀏覽器寫分支代碼。如下是一種:複製代碼 代碼如下://添加事件工具函數function addEvent(el,type,handle){ if(el.addEventListener){//for standard browses
Time of Update: 2013-10-22
如果用原型方式重定義前面例子中的類,它們將變為下列形式:複製代碼 代碼如下:function ClassA() {}ClassA.prototype.color = "blue";ClassA.prototype.sayColor = function () { alert(this.color);};function ClassB() {}ClassB.prototype = new ClassA();原型方式的神奇之處在於最後一行代碼。這裡,把
Time of Update: 2013-10-22
今天我為大家講解一個頁面開發過程中的一個小技巧:如何處理裂圖 也就是說如果這個圖片沒有載入成功了會怎麼辦? 第一步:HTML頁面裡: 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <title>gbin1</title> <meta charset=utf-8 /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.
Time of Update: 2013-10-22
jQuery操作listbox原理並不難,就是將listbox中的選中項進行移動,實現我們需要的移動效果。我在例子中使用了json資料結構來動態綁定listbox,這樣也可以熟悉一下json的使用方法。先看看簡單的html,因為伺服器控制項會自動轉換為html標籤,所以在例子中,我並沒有用伺服器控制項。如下: <asp:ListBox></asp:ListBox> 會自動轉換成:<select></select> html代碼如下: 複製代碼
Time of Update: 2013-10-22
用JavaScript修改CSS屬性 只有寫原生的javascript了。 1.用JS修改標籤的 class 屬性值: class 屬性是在標籤上引用樣式表的方法之一,它的值是一個樣式表的選擇符,如果改變了 class 屬性的值,標籤所引用的樣式表也就更換了,所以這屬於第一種修改方法。 更改一個標籤的 class 屬性的代碼是: document.getElementById( id ).className = 字串; document.getElementById( id )
Time of Update: 2013-10-22
註:images檔案夾片的命名是從1~5.jpg有規律的 聲明的 var array = [1, 2, 3, 4, 5]; 這個數組存放的是圖片的名稱 複製代碼 代碼如下: <head> <title></title> <script src="Jquery1.7.js" type="text/javascript"></script> <style type="text/css"> img { width: 200px;
Time of Update: 2013-10-22
event.target說明:引發事件的DOM元素。this和event.target的區別js中事件是會冒泡的,所以this是可以變化的,但event.target不會變化,它永遠是直接接受事件的目標DOM元素;this和event.target的相同點this和event.target都是dom對象,如果要使用jquey中的方法可以將他們轉換為jquery對象:$(this)和$(event.target);這使我想起了以前寫的一個例子:複製代碼
Time of Update: 2013-10-22
jquery對象訪問1、each(callback):以每個匹配的元素作為上下文來執行一個函數,return false;停止迴圈;return true;跳至下一個迴圈。來個執行個體 : 複製代碼 代碼如下:$("img").each(function(){ $(this).toggle("example");})