Time of Update: 2013-10-28
今天我們用jquery ui dialog來做一個彈窗特效。我們先看下效果: 我們可以看到,點擊的時候,彈窗出現,而且這個彈窗是置中的,還是可以拖動的。。。實現這一切,只要以下代碼: 我們可以看到,我對pop這個div,實現的方式是讓它不要autoopen,點擊的時候,我只要一句dialog,open就搞定了,藉助於jquery ui,我們做彈窗就是這麼簡單。。。當然了,大家可以看到,我還有一個插入資料的功能,這個功能,我採用了jquery
Time of Update: 2013-10-28
javascript中的事件驅動是通過 滑鼠或熱鍵 的動作引發的 主要事件如下:1、按一下滑鼠事件 onclick 如:( <input type="button" value="按一下滑鼠" onclick="執行語句.處理" />) 通常用於如下控制項:button 按鈕對象checkbox 複選框或檢查列表 --配合onclick單擊事件,通常用於全選效果radio 單選按紐reset
Time of Update: 2013-10-28
<!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="
Time of Update: 2013-10-28
var isMobile=/^(?:13d|15d)d{5}(d{3}|*{3})$/; var isPhone=/^((0d{2,3})-)?(d{7,8})(-(d{3,}))?$/; if(!isMobile.test(需要驗證的值) && !isPhone.test(需要驗證的值)){ alert("請正確填寫電話號碼,例如:13415764179或0321-4816048"); return
Time of Update: 2013-10-22
Javascript語言的設計不夠嚴謹,很多地方一不小心就會出錯。 舉例來說,請考慮以下情況。 現在,我們要判斷一個全域對象myObj是否存在,如果不存在,就對它進行聲明。用自然語言描述的演算法如下: 複製代碼 代碼如下: if (myObj不存在){ 聲明myObj; } 你可能會覺得,寫出這段代碼很容易。但是實際上,它涉及的文法問題,遠比我們想象的複雜。Juriy
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
利用2個檔案 ZeroClipboard.js ZeroClipboard.swf 複製代碼 代碼如下: <script type="text/javascript" src="ZeroClipboard.js"></script> <script language="JavaScript"> var clip = null; function $(id) { return document.getElementById(id); } function
Time of Update: 2013-10-22
複製代碼 代碼如下://eval就是計算字串【可以放任何js代碼】裡的值//1、 var str1='12+3'; eval(str1);//15//2、var str2='[1,2,3]'; eval(str2[0]);//1//3、eval('alert("abc")');//彈出abc//4、var str="function
Time of Update: 2013-10-22
註: 擷取Dom元素的Style數組中的指定Style元素 複製代碼 代碼如下: function elementGetStyle(element, style) { var value = null; if (element.style) { value = element.style[style]; } if (!value) { if (document.defaultView && document.defaultView.getComputedStyle) { var css =
Time of Update: 2013-10-22
複製代碼 代碼如下: <dt style="margin:15px 0px 3px; padding:0px; border:0px; font-weight:bold; color:rgb(4,121,167); font-family:Verdana,Arial,宋體; background-color:rgb(249,249,249)">dataType 類型:String 預期伺服器返回的資料類型。如果不指定,jQuery 將自動根據 HTTP 包 MIME 資訊來智能判斷,
Time of Update: 2013-10-22
altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offsetY, propertyName, returnValue, screenX, screenY, shiftKey, srcElement, srcFilter, toElement, type, x, y 1.altKey 描述: 檢查alt鍵的狀態。 文法: event.altKey 可能的值:
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
複製代碼 代碼如下: #topmenu{position:absolute;top:100px;background:#4b4a4a;width:100%;margin:0 auto;clear:both;overflow:hidden;z-index:998;left:0} <script type="text/javascript"> jQuery(document).ready(function() { var topmenu = jQuery("#topmenu");
Time of Update: 2013-10-22
複製代碼 代碼如下: his.findElementById = function (identifier, frame) { if (!frame) { frame = window; } var element = frame.document.getElementById(identifier); if (element && element.getAttribute('id') === identifier) { return element; } // else if
Time of Update: 2013-10-22
在很多網站上我們會發現當滑鼠滑過一張圖片後,這張圖片切換為了另外的一張圖片。這裡小編說說這是怎麼實現的。 在寫Javascript代碼前我們必須要有實驗的HTML代碼 複製代碼 代碼如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Jquery deal images</title>
Time of Update: 2013-10-22
html: 複製代碼 代碼如下: <select id="select"> <option value="111">111</option> <option value="222">222</option> <option value="333">333</option> </select> js: 複製代碼 代碼如下: $().ready(function(){
Time of Update: 2013-10-22
本來覺得changePage 那麼多option,傳幾個參數應該沒問題結果翻遍國內外網站,基本方法只有三種 1,顯性傳參,就是利用url這個地址把參數帶上,然後到changepage後的新頁面,用函數分割下來,提取 2,利用全域變數,應該就是所謂的記憶體法,在changePage時候,把參數乾脆搞個變數存起來,之後到新的頁面再提取 3,利用storage了.localstorage,sessionstorage,格式正好是索引值格式,先轉字元,然後用的時候轉成json對象用就是
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" xml:lang="en" lang="en"> <head> <
Time of Update: 2013-10-22
js處理json格式的插入、修改、刪除,以及字串的比較等常用操作 demo 1: json格式的插入、刪除 複製代碼 代碼如下: <html> <head> <title></title> <script language="javascript"> function change(){ var obj=document.getElementById("floor"); if (document.getElementById("qu")
Time of Update: 2013-10-22
方法一:正則分析法 複製代碼 代碼如下: function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; } 調用方法: