Time of Update: 2013-10-22
與in操作符相比,for in 在迴圈對象的屬性時也會遍曆原型鏈,for in 不會讀取不可枚舉屬性,如數組的length屬性。 小結 當檢測某個對象是否擁有某個屬性時,hasOwnProperty 是唯一可以完成這一任務的方法,在 for in 迴圈時,建議增加 hasOwnProperty 進行判斷,可以有效避免擴充本地原型而引起的錯誤。與in操作符相比,for in 在迴圈對象的屬性時也會遍曆原型鏈,for in 不會讀取不可枚舉屬性,如數組的length屬性。 複製代碼 代碼如下: //
Time of Update: 2013-10-22
jQuery部分代碼: 複製代碼 代碼如下: <script type="text/javascript"> function current(){ var d=new Date(),str=''; str +=d.getFullYear()+'年'; //擷取當前年份 str +=d.getMonth()+1+'月'; //擷取當前月份(0——11) str +=d.getDate()+'日'; str +=d.getHours()+'時'; str +=d.getMinutes(
Time of Update: 2013-10-22
本文使用jquery的scrollTop方法監視頁面垂直滾動像素,並根據像素隱藏或者顯示頂部的導航條。 效果預覽網址:http://www.keleyi.com/keleyi/phtml/scrolloversee.htm scrollTop的介紹: 文法 $(selector).scrollTop(offset) 參數 offset 描述 可選。規定相對捲軸頂部的位移,以像素計。 定義和用法 scrollTop() 方法返回或設定匹配元素的捲軸的垂直位置。 scroll top offset
Time of Update: 2013-10-22
知識點: Array方法: sort:降序 reverse:反序 效果: 代碼: 複製代碼 代碼如下: <style> *{ margin: 0; padding: 0; } #tableSort{ line-height: 22px; background: #ccc; } #tableSort thead, #tableSort tfoot{ background: #066; color: #fff; font-size: 14px; } #tableSort
Time of Update: 2013-10-22
複製代碼 代碼如下:var form=$("<form>");//定義一個form表單form.attr("style","display:none");form.attr("target","");form.attr("method","post");form.attr("action","exportData");var
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 http-equiv="Content-Type"
Time of Update: 2013-10-22
這兩個事件很常見。 瞭解這兩個事件的區別,但是實際並沒有使用到這兩個事件的區別去做一些操作。 通常使用onclick的時候也可以使用onmousedown,使用onclick的時候更多一些。 今天碰到了非使用onmousedown不可的時候,故特此記錄。 先說一下區別:onclick是在滑鼠點擊彈起之後觸發的事件。onmousedown是在滑鼠按下之後觸發的事件。 簡單的說onclick = onmousedown + onmouseup;
Time of Update: 2013-10-22
執行個體1——控制一個對象的勻速移動和停止HTML:複製代碼 代碼如下:<input id="btn" type="button" value=" Move It ! "/> <div id="d1"> <img id="i1" src="1.jpg" alt/>
Time of Update: 2013-10-22
例子: 複製代碼 代碼如下: { xtype: 'datefield', width: 100, id: 'mydate', format: 'Y-m-d', value: new Date(), msgTarget: 'side', emptyText: '請選擇日期。。。', name: 'mydate' } mydate.value 和getvalue() 一樣的。 mydate.getvalue() 返回的是對象: Wed Mar 07 2007 00:00:00 GMT+0100
Time of Update: 2013-10-22
無論是window.setTimeout還是window.setInterval,在使用函數名作為調用控制代碼時都不能帶參數。如果想要傳入參數,自訂參數也好,事件參數event也好,解決辦法是在此函數的基礎上在做一層封裝。其具體原理還不清楚,但是下邊的辦法確實能解決這個問題。 先看一個簡單的代碼: 複製代碼 代碼如下: function show(){ alert("Hello World"); } setTimeout(show,1000); 這段代碼的效果是在1秒後顯示hello
Time of Update: 2013-10-22
函數的聲明和調用 JavaScript是一種描述型指令碼語言,由瀏覽器進行動態解析與執行。函數的定義方式大體有以下兩種,瀏覽器對於不同的方式有不同的解析順序。 代碼如下: 複製代碼 代碼如下: //“定義式”函數定義 function Fn1(){ alert("Hello World!"); } //“賦值式”函數定義 var Fn2 = function(){ alert("Hello wild!"); }
Time of Update: 2013-10-22
JS判斷只能是數字和小數點0.不能輸入中文1)<input onpaste=”return false;” type=”text” name=”textfield” style=”width:400px; ime-mode:disabled” value=””>2)<script>function chkIt(frm){if
Time of Update: 2013-10-22
以文謹記在此被瀏覽器版本差異的坑。 複製代碼 代碼如下: Array.prototype.Contains = function (str) { if (!str) return false; for (var i = 0; i < this.length; i++) { if (this[i] == str) { return true; } } return false; } var tmp = new Array(); tmp.push("1"); tmp.push("2");
Time of Update: 2013-10-22
原型鏈(prototype
Time of Update: 2013-10-22
複製代碼 代碼如下: <!DOCTYPE html > <html> <head> <meta content="text/html; charset=utf-8" /> <title>圖片左右間隔滾動Jquery特效</title> <style type="text/css"> *{ margin:0px; padding:0px; font-size:12px;} a{
Time of Update: 2013-10-22
前幾天在完成一個ssh架構的項目時遇到一個小問題,情況是這樣的。 在action中定義了私人變數,並提供get(),set()方法,js代碼中就應該可以訪問它。於是我從js代碼中通過地址欄傳值給了action的相應變數,但是,如果變數值為中文的時候,在action中測試輸出則為“???”,而瀏覽器地址欄中仍然能顯示中文。
Time of Update: 2013-10-22
複製代碼 代碼如下:<SCRIPT LANGUAGE="JavaScript"> function fresh() { var time1 = document.getElementById("timeD").value; for (var i = 1; i <= 5; i++
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> <title></title> <style
Time of Update: 2013-10-22
js 驗證上傳圖片 複製代碼 代碼如下: var ImgObj=new Image();//建立一個映像對象 varAllImgExt=".jpg|.jpeg|.gif|.bmp|.png|"//全部圖片格式類型 varFileObj,ImgFileSize,ImgWidth,ImgHeight,FileExt,ErrMsg,FileMsg,IsImg//全域變數圖片相關屬性 //以下為限制變數 var AllowExt=""; //允許上傳的檔案類型ŀ為無限制每個副檔名後邊要加一個"
Time of Update: 2013-10-22
先來一張。 滑鼠移動到對應的分類,下面的紅色小三角形就會自動跟隨,緩慢的跟隨。 不管有多少個都可以。 javascript code: 複製代碼 代碼如下: function changeCoord(id, left) { $$(id).style.left = left; } function $$(id) { return document.getElementById(id); } function $$$(id) { return