Time of Update: 2013-12-30
工作中遇到的業務情境,和同事一起研究了下,主要是為了相容IE版本其實就是一些瑣碎的知識點在網上搜集下解決方式,然後整合了下,主要有以下點: 1. IE input type=file的圖片預覽要用IE的filter css progid:DXImageTransform.Microsoft.AlphaImageLoader chrome/firefox則用File api的file reader 2.
Time of Update: 2013-12-30
一、事件這是一個長期被我忽略或者是沒有發現的問題,問題是這樣的:在一個頁面中,當有驗證控制項的時候,當Button控制項觸發OnClientClick事件,並且這個事件會返回true和false的時候,驗證控制項就會失效,不起作用了。具體描述如下:.Net頁面如下:複製代碼 代碼如下:<form id="form1" runat="server"><asp:ScriptManager ID="ScriptManager1" runat="server"></asp:
Time of Update: 2013-12-30
首先,我們用一個樣本來說明JQuery的Ajax調用過程,實現的一個功能是:點擊確認支付按鈕之後,實現餘額支付的功能:1.首先在php頁面將相關需要調用的函數綁定到按鈕上:複製代碼 代碼如下:<input type="submit" name="pay_btn" id="pay_btn" value="確認支付" /><script type="text/javascript">$(function(){
Time of Update: 2013-12-30
delete運算子將刪除運算數所指定的對象的屬性、數組元素或變數。如果刪除操作成功,它將返回true,如果運算數不能被刪除,它將返回false。並非所有的屬性和變數都是可以刪除的,某些內部的核心屬性和用戶端屬性不能刪除,用var語句聲明的使用者定義變數也不能被刪除。如果delete使用的運算數是一個不存在的屬性,它將返回true(ECMAScript標準規定,當delete運算的運算數不是屬性、數組元素或變數時,它將返回true)。 var o = {x:1, y: 2}
Time of Update: 2013-12-30
JS中大括弧有四種語義作用語義1,組織複合陳述式,這是最常見的 複製代碼 代碼如下:if( condition ) { //... }else { //... } for() { //... } 語義2,對象直接量聲明 複製代碼 代碼如下:var obj = { name : 'jack', age : 23 }; 整個是個指派陳述式,其中的{name:'jack',age:23
Time of Update: 2013-12-30
用一個典型的登入驗證的例子來示範吧一般來說,使用XMLHttpRequest對象來進行登陸驗證要經過以下這幾個步驟1.使用DOM方式獲得輸入框中的值 複製代碼 代碼如下:var userName = document.getElementById("userName").value;2.建立XMLHttpRequest對象,這一步比較複雜,主要原因是要考慮瀏覽器的相容性問題。 &
Time of Update: 2013-12-30
晚上花了2個小時的時間,來用Javascript處理一個簡單的字串過濾功能,代碼粘貼到下面,其實很簡單,就是想把Google AJAX Search API返回的查詢結果中的<b/>過濾掉。之所以花這麼多時間,一個很重要的原因就是對JavaScript的字元串連操作不熟。JS是不支援+=的,因此需要用a=a + 'b',其實想想這個問題及其簡單,但不知為什麼就是花了很多時間。複製代碼 代碼如下:function
Time of Update: 2013-12-30
如下所示:複製代碼 代碼如下:<!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> <title></title>&
Time of Update: 2013-12-30
一般事件 事件 瀏覽器支援 描述 onClick IE3|N2|O3 滑鼠點擊事件,多用在某個對象控制的範圍內的滑鼠點擊 onDblClick IE4|N4|O 滑鼠雙擊事件 onMouseDown IE4|N4|O 滑鼠上的按鈕被按下了 onMouseUp IE4|N4|O 滑鼠按下後,鬆開時激發的事件 onMouseOver IE3|N2|O3 當滑鼠移動到某物件範圍的上方時觸發的事件 onMouseMove IE4|N4|O 滑鼠移動時觸發的事件 onMouseOut IE4|N3|O3
Time of Update: 2013-12-30
複製代碼 代碼如下: <!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-12-30
JSON(JavaScript Object Notation)是一種輕量級的資料交換格式。JSONM檔案中包含了關於“名稱”和“值”的資訊。有時候我們需要讀取JSON格式的資料檔案,在jQuery中可以使用Ajax或者 $.getJSON()方法實現。 下面就使用jQuery讀取music.txt檔案中的JSON資料格式資訊。 首先,music.txt中的內容如下: 複製代碼 代碼如下: [ {"optionKey":"1", "optionValue":"Canon in D"},
Time of Update: 2013-12-30
一個頁面好像只能有一個 window.onload=function(){},所以要有多個事件,這樣寫就好了 複製代碼 代碼如下: window.onload=function(){ //假設這裡每個五分鐘執行一次test函數 publicBusi(); personBusi(); } function publicBusi(){ setTimeout(personBusi,1000*60*7);//這裡的1000表示1秒有1000毫秒,1分鐘有60秒,7表示總共7分鐘
Time of Update: 2013-12-30
用 jQuery 綁定和解除綁定事件監聽器都是非常簡單的。但是當你為一個元素的一個事件綁定了多個監聽器時,怎樣精確地解除綁定其中一個監聽器?我們需要瞭解一下事件的命名空間。 看下面這段代碼: 複製代碼 代碼如下: $('#element') .on('click', doSomething) .on('click', doSomethingElse); 像上面這樣綁定事件監聽器,當元素被點擊時,doSomething 和 doSomethingElse 這兩個監聽器都會被觸發。這是使用
Time of Update: 2013-12-30
複製代碼 代碼如下:<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Time of Update: 2013-12-30
如下所示:複製代碼 代碼如下:function saomiao(event,n){ var code=0; code=event.keyCode;//監聽鍵盤輸入事件 if(code=='13')//如果鍵盤輸入斷行符號鍵
Time of Update: 2013-12-30
頁面上動態輸出的資料,這是ajax擷取的資料我要在頁面上展示複製代碼 代碼如下: success:function(data){ var arr = data.split('_'); var numArr = arr[0].split(",");
Time of Update: 2013-12-30
快速鍵在日常的使用還是挺多的,例如熟悉的粘貼ctrl+v,複製 ctrl+c,使用快速鍵能提高我們的做事效率,特別是當我們熟悉了一種操作後,再次使用它來進行操作就會變得很方便,很順手,對於使用鍵盤的重度使用者,鍵盤永遠比滑鼠來的快。1)tabindex:就是利用tab來輕鬆的控制頁面中的連結和表單元素它的用法很簡單:obj.tabindex = tabindex; 這個tabindex 的值,按照w3c 的規定可以從0開始 一直到327672) js
Time of Update: 2013-12-30
在使用Kindeditor的時候,想要利用Ajax傳值,但是通過editor封裝的方法是行不通的,原因在於編輯器我們是放在另一個jsp頁面,通過iframe來載入的,同時這個iframe的display="none"的,要通過一個事件來觸發。複製代碼 代碼如下:<iframe src="../common/editor.jsp" frameborder="0" scrolling="no" style="margin: 0" width="100%"
Time of Update: 2013-12-30
1、 JavaScript 複製代碼 代碼如下:var oSel=document.form1.DropDownCity; while(oSel.options.length>0){ oSel.removeChild(oSel.options[0]); } 2、 JavaScript 複製代碼 代碼如下:<SCRIPT LANGUAGE="JavaScript"> function del1(){ var obj = document.getElementById("s");
Time of Update: 2013-12-30
JavaScript中hasOwnProperty函數方法是返回一個布爾值,指出一個對象是否具有指定名稱的屬性。 使用方法:object.hasOwnProperty(proName)其中參數object是必選項。一個對象的執行個體。proName是必選項。一個屬性名稱的字串值。如果 object 具有指定名稱的屬性,那麼JavaScript中hasOwnProperty函數方法返回 true;反之則返回 false。此方法無法檢查該對象的原型鏈中是否具有該屬性;該屬性必須是對象本身的一個成員。