Time of Update: 2013-10-17
extjs ,實現帶有複選框的樹,選中父節點時,選中所有子節點。取消所有子節點時,才能取消根節點。 複製代碼 代碼如下: var Fpanel = new Ext.tree.TreePanel({ id:'ptree', region:'west', layout:'anchor', border:false, rootVisible: false, root:new Ext.tree.AsyncTreeNode({}), listeners:{ "checkchange":
Time of Update: 2013-10-17
使用jquery動態載入js,css檔案 複製代碼 代碼如下: $.extend({ includePath: '', include: function(file) { var files = typeof file == "string" ? [file]:file; for (var i = 0; i < files.length; i++) { var name = files[i].replace(/^\s|\s$/g, ""); var att = name.split('.'
Time of Update: 2013-10-17
替換匹配給定Regex的(一個或多個)子串string.replace(regexp, replacement)參數:regexp: RegExp對象或者字串replacement: 替換文本的字串,或者一個函數,用於在調用時產生對應的替換文本。返回:返回一個替換好的新字串描述:replacement可以是字串或一個函數。如果是一個函數,它將在每個匹配結果上調用,它返回的字串將作為替換文本。傳入該函數的參數:1) 匹配該模式的字串2)
Time of Update: 2013-10-17
js將long日期格式轉換為標準日期格式 複製代碼 代碼如下: <script language="javascript"> //擴充Date的format方法 Date.prototype.format = function (format) { var o = { "M+": this.getMonth() + 1, "d+": this.getDate(), "h+": this.getHours(), "m+": this.getMinutes(), "s+":
Time of Update: 2013-10-17
在調試的時候,經常需要知道json對象的內容,通過JSON.stringify函數,可以轉換json對象為字串。 複製代碼 代碼如下: $(document).ready(function() { $.ajax({ type: "post", dataType: "json", url: '/centermanage/modules/admin/index.php?task=getequipmentinfo', data: "&id=" + id, error: function(msg){ &
Time of Update: 2013-10-17
大量採用高解析度的映像的確可以讓一個Web網站容光煥發。但同樣也會造成網站訪問速度下降——圖片是檔案,檔案就要佔用頻寬,而頻寬直接同訪問等待時間相關。現在,讓我們來學習一種名為映像預裝載(image preloading)的小技巧來提高映像訪問速度。
Time of Update: 2013-10-17
平時伺服器端開發人員寫好後台之後一般寫一份簡單的介面說明頁面,類似: 複製代碼 代碼如下: <form action="test.php" accept-charset="utf-8"> <div><label for="">param_1</label><input type="text" name="param_1" value="value_1"/></div> <div><label for=""&
Time of Update: 2013-10-17
彈出層永遠是一個前端必須搞定的東西,一般情況下,如果彈出層有固定的高和寬,用樣式即可搞定,但是如果碰到沒有固定高或者固定寬或者固定高和寬的時候,我們就需要用JS去處理,去動態擷取當前視窗高或者寬;今天弄了2種情況,一個是相對於螢幕表單,一個是相對於當前的視窗,看代碼,或許對你有用: 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Time of Update: 2013-10-17
用js有很久了,但都沒有深究過js的數組形式。偶爾用用也就是簡單的string.split(char)。這段時間做的一個項目,用到數組的地方很多,自以為js高手的自己居然無從下手,一下狠心,我學!呵呵。學了之後才知道,js數組的功能強大很,遠比VB,C#強多了,大家慢慢看吧1、數組的建立 複製代碼 代碼如下:var arrayObj = new Array(); //建立一個數組var arrayObj = new
Time of Update: 2013-10-17
1.用其他方式替代預設的SUBMIT複製代碼 代碼如下:$().ready(function() { $("#signupForm").validate({ submitHandler:function(form){
Time of Update: 2013-10-17
你可將本頁儲存後上傳到你的網站中,這樣你就擁有了一個Base64編碼加密、解密的功能頁面,讓需要的使用者去訪問你的網頁。Base64編碼加密 Base64編碼加密 Base64 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2013-10-17
複製代碼 代碼如下: <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.mousewheel.js"></script> $('body').mousewheel(function(event, delta) { var left=$(window). scrollLeft();
Time of Update: 2013-10-17
現在的頁面上有許多各種各樣的頁面效果,常用的有彈出層效果,無縫滾動效果,選項卡轉場效果。今天分享一款自己用原生javascript寫的選項卡轉場效果,由於本人水平有限,如有問題請指出。 如下: html代碼: 複製代碼 代碼如下: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>js-tabs</title>
Time of Update: 2013-10-17
1、只是不能輸入空格複製代碼 代碼如下:<input type="text" onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">2、不能輸入空格及英文狀態下的逗號複製代碼 代碼如下: <input type="text" onkeyup="this.value=this.value.replace(/[, ]/g,'')">3、複製代碼 代碼如下:<script
Time of Update: 2013-10-17
JSON(JavaScript Object Notation) 是一種輕量級的資料交換格式。易於人閱讀和編寫。同時也易於機器解析和產生。它基於JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一個子集。 JSON採用完全獨立於語言的文字格式設定,但是也使用了類似於C語言家族的習慣(包括C, C++, C#, Java, JavaScript, Perl,
Time of Update: 2013-10-17
複製代碼 代碼如下: function copyToExcel(tableid) { //控制按鈕 var btn = document.getElementById("copy"); btn.setAttribute("disabled", "true"); btn.setAttribute("value", "處理中..."); var curTbl = document.getElementById(tableid); try { var oXL = new ActiveXObject("
Time of Update: 2013-10-17
先來看看效果: 具體的功能是: 1.頁面上面最多隻有一個是顯示全部內容的。 2.當自己處於全部顯示的時候,點擊自己的收合,自己收合。 3.當自己處於全部顯示的時候,點擊其他的展開是,自己內容隱藏,原來的"收合"變為"展開" 而被點擊的選項則內容全部顯示,"展開"變為"收合" ================================================= 部分代碼: ================================================= 複製代碼
Time of Update: 2013-10-17
使用JS實現在圖片上顯示左右箭頭的翻頁代碼,預覽效果網址:http://www.keleyi.com/keleyi/phtml/picnext/ 本執行個體使用了javascript的onmousemove 事件。onmousemove 事件會在滑鼠指標移動時發生。 文法 onmousemove="SomeJavaScriptCode" SomeJavaScriptCode是必需參數。規定該事件發生時執行的 JavaScript。 下面是核心代碼(完整代碼請在效果頁面查看原始碼): 複製代碼
Time of Update: 2013-10-17
總體來說,順序是這樣的:先計算第一個小括弧,發現裡面的運算式是一個函數,返會該匿名函數的引用(指標),最後一個括弧則是建立匿名函數的實參和並執行。 樣本: 計算兩個數之和。 JavaScript: 複製代碼 代碼如下: (function sum(a,b){ //此處也可去掉sum,以匿名函數的形式出現 alert(a+b); })(7,8); C: 複製代碼 代碼如下: int sum(int a,int b){return a+b;} void main(){ int (*pt)(int,
Time of Update: 2013-10-17
利用JS實現的根據經緯度計算地球上兩點之間的距離 最近用到了根據經緯度計算地球表面兩點間距離的公式,然後就用JS實現了一下。 計算地球表面兩點間的距離大概有兩種辦法。 第一種是預設地球是一個光滑的球面,然後計算任意兩點間的距離,這個距離叫做大圓距離(The Great Circle Distance)。 公式如下: 使用JS來實現為: 複製代碼 代碼如下: var EARTH_RADIUS = 6378137.0; //單位M var PI = Math.PI; function getRad(