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
複製代碼 代碼如下: <script type="text/javascript"> /* 請求Ajax 帶傳回值,並彈出提示框提醒 --------------------------------------------------*/ function getAjax(url, parm, callBack) { $.ajax({ type: 'post', dataType: "text", url: url, data: parm, cache: false, async:
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
而在某些情境中,隊列確實像一支奇兵,可以帶來不錯的效果,比如配合定時器使用,可以類比時間差效果 複製代碼 代碼如下: function createDq(){ var dq = [], size = 0; return { setDq:function(queue){ dq = queue; size = queue.length; }, queue:function(fn){ size ++; dq.push(fn); }, dqueue:function(){ size --;
Time of Update: 2013-10-17
第一遍囫圇吞棗,不求甚解,感覺恍然大悟,結果晚上睡覺一想發現很多問題,什麼都不明白,再看第二遍,發現原來是這樣。過了幾天一用,發現手寫起來原來還是在憑記憶,於是下一遍,下一遍...
Time of Update: 2013-10-17
html代碼: 複製代碼 代碼如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <meta charset="gb2312"> <head> <style type="text/css"> #container { margin:0 auto; margin-top:10%; width:200px; } #timer { border:red double
Time of Update: 2013-10-17
jquery動畫 有意思的地方見: 思想: 將圖片設定分割div的背景圖片,控制div的屬性,可以現實有趣的濾鏡效果,本例中展示了一種,感興趣的朋友可以嘗試其他濾鏡的實現。 本例其餘動畫部分,主要是利用jquery中提供animate和delay實現。 animate:這個函數的關鍵在於指定動畫形式及結果樣式屬性對象。這個對象中每個屬性都表示一個可以變化的樣式屬性。 delay:設定一個延時來延遲執行隊列中之後的項目。 執行個體效果: jquery 動畫
Time of Update: 2013-10-17
Onunload,onbeforeunload都是在重新整理或關閉時調用,可以在<script>指令碼中通過window.onunload來指定或者在<body>裡指定。區別在於onbeforeunload在onunload之前執行,它還可以阻止onunload的執行。 Onbeforeunload也是在頁面重新整理或關閉時調用,Onbeforeunload是正要去伺服器讀取新的頁面時調用,此時還沒開始讀取;而onunload則已經從伺服器上讀到了需要載入的新的頁面,
Time of Update: 2013-10-17
一、Jquery常用的過濾選取器如下所示: 1、:first,選取第一個元素,比如$("div:first")選取第一個div元素 2、:last,選取最後一個元素,比如$("div:last")選取最後一個div元素 3、:not(選取器),選取不滿足“選取器”條件的元素,比如$("div:not(.className)"),選取樣式不是className的所有div元素 4、:even/:odd,選取索引為偶數/奇數的元素,比如$("div:even"),選取索引號為偶數的所有div元素 5
Time of Update: 2013-10-17
實現也很簡單,但需要注意的是,在點擊顯示的事件中,需要做阻止事件冒泡的處理,否則就觸發頁面的點擊事件了。但這樣做也有一個缺點,即如果同一個頁面中如果也有事件阻止冒泡,則不能隱藏DIV,所以在這樣的事件中需要特殊處理下:自己調用隱藏下DIV(但正常來說這樣的事件並不多); JS: 複製代碼 代碼如下: $(document).ready(function() { //語言頭部的點擊事件,顯示語言列表 $(".language_selected").click(function(e) {
Time of Update: 2013-10-17
使用: 複製代碼 代碼如下: //綁定的介面元素<input id='gallery'type='file'/> $("#gallery").uploadify({ 設定參數,參數如下. }); 設定的屬性: 複製代碼 代碼如下: id: jQuery(this).attr('id'),//綁定的input的ID langFile:
Time of Update: 2013-10-17
1.匹配模式標記: g ------ 表示全域模式,而不是發現第一個匹配成功就立刻結束 i ------- 表示不區分大小寫入模式 m ----- 表示多行匹配,一行結束時向下一行繼續匹配 複製代碼 代碼如下: //匹配第一個bat 或cat,不區分大小寫 var pattern1 = /[bc]at/i var pattern2 = new RegExp("[bc]at","i"); //同上 使用RegEXp是字面量模式要轉換成字串 /\[bc\]at/ =======>
Time of Update: 2013-10-17
一、使用方法: 1、在頁面<head>中引入ckeditor核心檔案ckeditor.js <script type="text/javascript" src="ckeditor/ckeditor.js"></script> 2、在使用編輯器的地方插入HTML控制項<textarea> <textarea id="TextArea1" cols="20" rows="2" class="ckeditor"></textarea&
Time of Update: 2013-10-17
自己試著寫了下: 複製代碼 代碼如下: $(function(){ //擷取要定位元素距離瀏覽器頂部的距離 var navH = $(".nav").offset().top; //捲軸事件 $(window).scroll(function(){ //擷取捲軸的滑動距離 var scroH = $(this).scrollTop(); //捲軸的滑動距離大於等於定位元素距離瀏覽器頂部的距離,就固定,反之就不固定 if(scroH>=navH){
Time of Update: 2013-10-17
1. 大多數遊覽器的組件構成 在最底層的三個組件分別是網路,UI後端和js解譯器。作用如下: (1)網路- 用來完成網路調用,例如http請求,它具有平台無關的介面,可以在不同平台上工作 (2)UI 後端- 用來繪製類似組合選擇框及對話方塊等基本組件,具有不特定於某個平台的通用介面,底層使用作業系統的使用者介面 (3)JS解譯器- 用來解釋執行JS代碼 ps:和知識點主要來自《HOW BROWSERS WORK: BEHIND THE
Time of Update: 2013-10-17
querySelector和querySelectorAll是W3C提供的新的查詢介面複製代碼 代碼如下: module dom { [Supplemental, NoInterfaceObject] interface NodeSelector { Element querySelector(in DOMString selectors); NodeList querySelectorAll(in DOMString selectors); }; Document implements
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
在C#中開啟word文檔其實不算太難,方法也比較多。 一.C#中開啟word文檔方法 複製代碼 代碼如下: //在項目引用裡添加上對Microsoft Word 11.0 object library的引用 private void button1_Click(object sender, System.EventArgs e) { //調用開啟檔案對話方塊擷取要開啟的檔案WORD檔案,RTF檔案,文字檔路徑名稱 OpenFileDialog opd = new OpenFileDialog()
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> ///
Time of Update: 2013-10-17
1、直接建立模式。這是最簡單也是最直接的一種模式,首先建立一個參考型別的對象,然後為其添加自訂屬性和方法。範例程式碼如下: 複製代碼 代碼如下: var person = new Object(); person.name = "Sam"; person.age = 16; person.speak = function(){ alert(this.name + "is " + this.age + "years old"); } person.speak();