Time of Update: 2014-05-14
HTML的Encode(轉碼)和解碼(Decode)在平時的開發中也是經常要處理的,在這裡總結了使用javascript處理HTML的Encode(轉碼)和解碼(Decode)的常用方式 一、用瀏覽器內部轉換器實現轉換 1.1.用瀏覽器內部轉換器實現html轉碼 首先動態建立一個容器標籤元素,如DIV,然後將要轉換的字串設定為這個元素的innerText(ie支援)或者textContent(Firefox,google支援),最後返回這個元素的innerHT
Time of Update: 2014-05-13
Time of Update: 2014-05-14
複製代碼 代碼如下: <li class="item pin"> <span class="overlabel" style="display: block;">請輸入驗證碼</span> <input type="text" class="txt" id="checkNum" name="checkNum" maxlength="4" onkeydown="keyboardEvent(event);" /> <img
Time of Update: 2014-05-12
瀏覽器視窗大小變化時使用resize事件對架構不起作用的解決辦法,如下:複製代碼 代碼如下:$(window).resize(function(){var surH = $(window).height();$(".pic_conent").height(surH);} 當瀏覽器變化,拉大拉小時,沒有反應;方法一:在標籤上加入 onLoad="" onResize="" 方法 寫上對應的方法即可方法二:window.onresize=function(){//
Time of Update: 2014-05-11
在我們的日常開發中,或者生活中,經常需要用到彈出窗。這裡我們就用js類比一下qq訊息一樣的彈出窗。直接貼代碼:javaScript實現網頁右下角快顯視窗代碼<script type="text/javascript">var
Time of Update: 2014-05-12
現在越來越多的項目和開發外掛程式等預設都會支援和使用json資料格式,作為資料保持、傳輸的一種方式。 說是其中一種,就標示還有好多其他格式。比如:最多是xml。webservice的標準資料格式。 不過由於json是JavaScript 物件標記法(JavaScript Object Notation),天生就對js支援很好, 所以現在很多的ajax等都使用json,反而會更好處理一些。1、定義什麼是 JSON ?1.JSON 指的是 JavaScript 物件標記法(JavaScript
Time of Update: 2014-05-12
其實主要是通過window.orientation實現,下面看下代碼吧複製代碼 代碼如下:function orient() {if (window.orientation == 90 || window.orientation == -90) {//ipad、iphone豎屏;Andriod橫屏$("body").attr("class", "landscape");orientation = 'landscape';return false;}else if
Time of Update: 2014-05-12
如何防止斷行符號(enter)鍵提交表單,其實很簡單,就一句話。onkeydown="if(event.keyCode==13)return false;"把這句寫在from標籤裡面就好了。如果在頁面中按Enter鍵會自動認可的話,可以設定傳回值防止自動認可如<input id="q" name="q" type="text" onkeypress="javascript:return gosearch();">傳回值必須是false 複製代碼 代碼如下: function
Time of Update: 2014-05-11
extjs裡面date類型格式化問題應該困擾了很多人,看網上各種方法,有將資料庫裡的date欄位取出為string處理的,有用format格式化的,可以說這些方式都是歪門斜道,需要處理大量代碼,而且類型不一致會有很多潛在問題,象我經常使用的form.updateRecord更新記錄的方法大家可以去試試很難搞定的正確做法(也許有更好的辦法):資料庫出來的依舊為util.Date類型,column也綁定為datecolumn,加上convert方法:function
Time of Update: 2014-05-11
如果你還不會,可以看看下面這個簡單的例子。複製代碼 代碼如下:<html><head><title>彈出一個視窗後,後面的層不可操作</title><script>function show() //顯示隱藏層和彈出層{ var hideobj=document.getElementById("hidebg");
Time of Update: 2014-05-11
變數對 JavaScript 稍微有點瞭解的同學都知道,JavaScript 中的變數與其他語言的變數有很大區別。 JS 的弱類型的特性決定了變數只是在特定時間(生命週期,範圍中)用於儲存特定值的一個名字而已。 一個變數可以在生命週期內任意改變類型。(太靈活了以至於好複雜) JavaScript 變數可以用來儲存兩種類型的值: 基本類型值和參考型別值。 變數的聲明在JavaScript 程式中,使用一個變數之前應該先聲明它。變數使用 var 關鍵字聲明的。
Time of Update: 2014-05-10
animate文法: 複製代碼 代碼如下: $(selector).animate(styles,speed,easing,callback) 複製代碼 代碼如下: <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Testing</title> <link rel="stylesheet" href="css/reset.css">
Time of Update: 2014-05-10
複製代碼 代碼如下: //金額的格式化s為要格式化的參數(浮點型),n為小數點後保留的位元 function formatMoney(s,n){ n = n>0 && n<=20 ? n : 2; s = parseFloat((s+"").replace(/[^\d\.-]/g,"")).toFixed(n)+""; var l = s.split(".")[0].split("").reverse(), r = s.split(".")[1]; t = ""; for(i = 0
Time of Update: 2014-05-10
js中的round函數可以用來對數字進行四捨五入處理,它針對的是小數點後面的第一位元字進行計算。round函數可以對數字取整,它是一個四捨五入函數,下面來看看round的文法:複製代碼 代碼如下:Math.round(number)下面來看幾個範例:複製代碼 代碼如下:document.write(Math.round(2.65));// print 3document.write(Math.round(7.05));// print 7document.write(Math.round(-2.
Time of Update: 2014-05-09
今天我們想與大家分享一組創意的頁面切換熊效果集合。我們已經在樣本中羅列了一組動畫,可以被應用到頁面切換過程中,創造出很有趣的導航效果。雖然有些效果都非常簡單,只是簡單的滑動動作,但另外的一些則是利用了視角(Perspective)和 3D 轉換(3D Transforms)來創造一些立體動感的效果。 線上示範 溫馨提示: CSS 動畫根據它們的實現的效果分為不同的組。為展示頁面過渡效果,我們使用以下結構:<div id="pt-
Time of Update: 2014-05-09
複製代碼 代碼如下:<html><head><script language="javascript" type="text/javascript">function MakeExcel(){var i,j; try { var xls = new ActiveXObject ( "Excel.Application"
Time of Update: 2014-05-09
在jquery中處理JSON數組的情況中遍曆用到的比較多,但是用添加移除這些好像不是太多。今天試過json[i].remove(),json.remove(i)之後都不行,看網頁的DOM對象中好像JSON資料是以數組的形式出現的,查閱了下相關JS中數組的操作一試果然很爽。記錄下來。1、數組的建立複製代碼 代碼如下:var arrayObj = new Array(); //建立一個數組var arrayObj = new
Time of Update: 2014-05-09
在js中如果打算使用setInterval進行倒數,計時等功能,往往是不準確的,因為setInterval的回呼函數並不是到時後立即執行,而是等系統計算資源空閑下來後才會執行.而下一次觸發時間則是在setInterval回呼函數執行完畢之後才開始計時,所以如果setInterval內執行的計算過於耗時,或者有其他耗時任務在執行,setInterval的計時會越來越不準,延遲很厲害. 下面的代碼可以說明這個問題 複製代碼 代碼如下: var startTime = new
Time of Update: 2014-05-09
在ECMAScript v3中,給Function原型定義了這兩個方法,這兩個方法的作用都是一樣的:使用這兩個方法可以像調用其他對象方法一樣調用函數,這句話是從書上抄的,至少我是沒讀明白這是什麼意思。 下面說簡單易懂的,先看段代碼: 複製代碼 代碼如下:function Introduce(name,age) { document.write("My name is "+name+".I am "+age); } var p=new People();
Time of Update: 2014-05-09
複製代碼 代碼如下: /** * lowerValue 最小值 * upperValue 最大值 */ function selectFrom(lowerValue, upperValue){ //取值範圍總數 var choices = upperValue - lowerValue + 1; return Math.floor(Math.random() * choices + lowerValue); } var num = selectFrom(2, 10); alert(num);//