Time of Update: 2013-10-17
複製代碼 代碼如下: var EventUtil={ //跨瀏覽器處理常式---建立方法 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListneter(type,handler,false); }else if(element.attachEvent){ element.attachEvent("on"+type,handler); }else{
Time of Update: 2013-10-17
複製代碼 代碼如下: #frame { position: relative; width: 700px; height: 400px; overflow: hidden; z-index: 0; } #frame img { width: 700px; height: 400px; position: absolute; top: 0; left: 0; z-index: 1; } #frame img.visible { z-index: 2; } #frame a { display:
Time of Update: 2013-10-17
點選連結插入連結內容。 亮點: 1.正則匹配<a>標記。 2.jQuery單擊添加,雙擊刪除。 3.textarea加入換行。 核心代碼: 複製代碼 代碼如下: <!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
Time of Update: 2013-10-17
1.數組的建立 var arr=new Array(); 2.尋找數組中的元素 複製代碼 代碼如下: for(var i=0;i<arr.length;i++) if(arr[i]==temp) return true; 3.下面比較一下Array和Object的特性: Array: 建立:var ary = new Array(); 或 var ary = []; 增加:ary.push(value); 刪除:delete ary[n]; 遍曆:for ( var i=0 ; i
Time of Update: 2013-10-17
修改前: 複製代碼 代碼如下: <script type="text/javascript"> var url="www.taobao.com?key0=a&key1=b&key2=c"; function parseQueryString(url){ var str=url.split("?")[1], items=str.split("&"); var arr,name,value; for(var i = 0, l = items.length; i < l; i++){
Time of Update: 2013-10-17
複製代碼 代碼如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" charset="utf-8" /> <meta http-equiv="content-type" content="text/html" /> <title>demo</title> </head> <style
Time of Update: 2013-10-17
複製代碼 代碼如下: //除法函數,用來得到精確的除法結果 //說明:javascript的除法結果會有誤差,在兩個浮點數相除的時候會比較明顯。這個函數返回較為精確的除法結果。 //調用:accDiv(arg1,arg2) //傳回值:arg1除以arg2的精確結果 function accDiv(arg1,arg2){ var t1=0,t2=0,r1,r2; try{t1=arg1.toString().split(".")[1].length}catch(e){} try{t2=arg2.
Time of Update: 2013-10-17
看下面的例子, 複製代碼 代碼如下: var btn = document.getElementById('mybtn'); btn.onclick = function(){ var event = window.event; alert(event.type);//"click" } 此時,event對象來源於window.event對象,並且之後又用於確定事件類型。然而,當eventHandler
Time of Update: 2013-10-17
實現也很簡單,但需要注意的是,在點擊顯示的事件中,需要做阻止事件冒泡的處理,否則就觸發頁面的點擊事件了。但這樣做也有一個缺點,即如果同一個頁面中如果也有事件阻止冒泡,則不能隱藏DIV,所以在這樣的事件中需要特殊處理下:自己調用隱藏下DIV(但正常來說這樣的事件並不多); JS: 複製代碼 代碼如下: $(document).ready(function() { //語言頭部的點擊事件,顯示語言列表 $(".language_selected").click(function(e) {
Time of Update: 2013-10-17
1. 頁面效果,自動提示驗證資訊... 2. 頁面代碼 複製代碼 代碼如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>表單驗證頁面</title> <link href="../Scripts/themes/default/easyui.css" rel="stylesheet" type="text/css" /> <script
Time of Update: 2013-10-17
1.延時指令碼啟動並執行方法: 方法一:把全部javascript引用放在<body>元素中,頁面內容後,如 複製代碼 代碼如下: <html> <head> <title>樣本1</title> </head> <body> <!--頁面內容--> <script type="text/javascript" src="example1.js"></script>
Time of Update: 2013-10-17
1、禁止右鍵菜單 複製代碼 代碼如下: <script type="text/javascrpt" language="javascript"> //方法一 function noMenuOne() { alert('禁止右鍵菜單!'); return false; } document.oncontextmenu = noMenuOne; //方法二 function noMenuTwo() { if(event.button == 2) { alert('禁止右鍵菜單!');
Time of Update: 2013-10-17
本節html以下面的為例 複製代碼 代碼如下: <div id="myDiv" class="bd" title="我是div"> <img id="img1" /> <a id="myA" href = "http://www.baidu.com">百度</a> </div> 1.通過HTMLElement類型(對象)的屬性獲得和設定元素特性 複製代碼 代碼如下: var div = document.getElementById(
Time of Update: 2013-10-17
首先我們看看數組的分類: 從數組的下標分為索引數組、關聯陣列 複製代碼 代碼如下: /* 索引數組,即通常情況下所說的數組 */ var ary1 = [1,3,5,8]; //按索引去取數組元素,從0開始(當然某些語言實現從1開始),索引實際上就是序數,一個整型數字 ary1[0]; ary1[1]; ary1[2]; ary1[3]; /* 關聯陣列,指以非序數類型為下標來存取的數組 python中稱為字典 */ var ary2 = {}; //存取時,以非序數(數字),這裡是字串
Time of Update: 2013-10-17
Chosen外掛程式 http://www.jb51.net/jiaoben/38027.html複製代碼 代碼如下: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <script src="chosen/chosen.jquery.js"
Time of Update: 2013-10-17
從前的方式——我估計也是大多數人使用的方式 比如以下的代碼——摘自新浪首頁的一段js代碼,這種方式也是大多數人使用的方式。 上面的代碼,你看完有什麼反應?你也許會把+=這種形式改成數組的push形式,有人說push比這種字元連結要快,但是也快不了多少。 如果這種嵌入的html代碼很多,你也要這樣處理嗎?如果修改(添加或者刪除)某個html,那麼你就要不斷的翻代碼,找對應的標籤,然後在找結束標籤,你不覺得麻煩嗎?也許有人會這樣寫(這個是我早期寫的,也是我最慣於使用的方式)。
Time of Update: 2013-10-17
記得在之前的一個"拖動層"的隨筆中,我實現拖動,是用的一個布爾變數,判斷是否可以拖動某元素。 這兩天看了一些東西,發現不需要設這個布爾變數; 實現過程: 按下滑鼠的時候,給文檔對象(當然也可以是別的DOM對象)的移動事件綁定一個處理函數,同時也給滑鼠抬起時綁定一個解除的處理函數。 複製代碼 代碼如下: //按下滑鼠並移動時(拖動),調用的函數; function startSelection(event){ …… } //解除移動時的處理函數; function cancelSelection(
Time of Update: 2013-10-17
1、本地化 可以直接負載檔案,也可以直接在script後面加入如下語句 複製代碼 代碼如下: jQuery(function ($) { $.datepicker.regional['zh-CN'] = { closeText: '關閉', prevText: '<上月', nextText: '下月>', currentText: '今天', monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月',
Time of Update: 2013-10-17
複製代碼 代碼如下: txt1.onkeydown = function(ev){ var oevent = ev||event; if(oevent.ctrlKey && oevent.keyCode == 13){ …… } } txt1:綁定事件的對象,例如:一個文本輸入框input。 oevent:事件對象(包含事件的很多有用詳情)。 keyCode:可以擷取到鍵盤按下的索引值。例如:斷行符號鍵就是13。
Time of Update: 2013-10-17
複製代碼 代碼如下: <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script> <script type="text/javascript">// <![CDATA[ function FixTable(TableID, FixColumnNumber, width, height) { /// <summary> ///