Time of Update: 2014-04-11
1、JS字串的替換及replace()方法的使用replace(regexp,replacement)方法有兩個參數,第一參數可以是一個純文字字串或是一個RegExp對象,具體請看RegExp對象的使用;第二個參數可是一個字串也可以是一個函數。以下是JS字串替換的舉例:例1:複製代碼 代碼如下:var str="Hello world!";document.write(str.replace(/world/, "phper"));例2:複製代碼 代碼如下:var reg=new RegExp("
Time of Update: 2014-04-11
在項目開發過程中我們時常會碰到要設定下拉框為唯讀(readonly),但是可惜的是select沒有唯讀屬性,所以需要在select外麵包含一個span,通過js來改變。 下面這段html代碼是在struts2的下拉標籤中加入了span標籤,在頁面裝載的時候就讓下拉框變成不可讀。 複製代碼 代碼如下: <body onload="init()"> <span id="id_select"> <s:select name="sjdwmc"
Time of Update: 2014-04-11
1 使用jQueryRotate.js實現 範例程式碼: 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> #div1 { width: 800px; height: 600px; background-color: #ff0; position: absolute; } .imgRotate { width: 1
Time of Update: 2014-04-11
今天在實現checkbox全選,反選,取消JavaScript小指令碼的時候,總是出現點擊後頁面瞬間重新整理,選擇的checkbox全部取消的問題,debug了半天,才發現原來是<button>標籤中少寫了一個type屬性的原因,鬱悶啊,希望自己以後少犯這種特別2的錯誤,特此記錄。 複製代碼 代碼如下: <!-- 以下為錯誤寫法 --> <button name="checkAll" value="全選" class="checkButton"
Time of Update: 2014-04-11
複製代碼 代碼如下:unbind(type [,data]) //data是要移除的函數$('#btn').unbind("click"); //移除click$('#btn').unbind(); //移除所有對於只需要觸發一次的,隨後就要立即解除綁定的情況,用one()複製代碼 代碼如下:$('#btn').one("click",function(){.......});觸發操作trigger() 方法觸發被選元素的指定事件類型。複製代碼
Time of Update: 2014-04-11
這篇文章給大家帶來15個扁平風格網站作品。隨著 LED 液晶顯示器的像素密度和映像品質的提高以及平板電腦和智能手機的普及,以前在小型顯示器或低解析度顯示器中使用的讓細節更新清晰的陰影技術不再需要了。您可能感興趣的相關文章流行趨勢:25個最佳扁平化網頁設計案例分享30個獨特的 404 錯誤頁面設計範本向設計師分享30個免費的扁平化設計素材優秀案例:40個創意的單頁滾動網站作品酷站欣賞:20個精美的扁平化網頁作品 Gothica Theme in Goth
Time of Update: 2014-04-11
複製代碼 代碼如下: <html> <head> </head> <body> <form name="form1"> <input type="hidden" name="page1" class="flau_u_ro" value="1"></input> <input type="hidden" name="pageno" value="1"></input> <input
Time of Update: 2014-04-11
代碼如下: 在ie下,貌似要改安全設定中的【對為標記為可安全執行指令碼的ActiveX空間初始化並執行】那項 複製代碼 代碼如下: <html> <head> <script type="text/javascript"> var isIE = /msie/i.test(navigator.userAgent) && !window.opera; function fileChange(target) { var fileSize = 0; if (isIE
Time of Update: 2014-04-11
代碼: 複製代碼 代碼如下: <script type="text/javascript"> var format = function(time, format){ var t = new Date(time); var tf = function(i){return (i < 10 ? '0' : '') + i}; return format.replace(/yyyy|MM|dd|HH|mm|ss/g, function(a){ switch(a){ case
Time of Update: 2014-04-11
在js中使用forEach等構成迴圈類的語句時,引用外層的對象,在迴圈體中不斷的賦值給這個對象的一個屬性,到最終操作的都是迴圈之後這個屬性最後的值。 eg: 複製代碼var testObj = {"a":1,"b":2}, testArr = [1,2,3,4,5], newArr =
Time of Update: 2014-04-11
類比bind方法與unbind方法 jquery的bind() 方法為被選元素添加一個或多個事件處理常式,並規定事件發生時啟動並執行函數。 類比的bind事件主要是針對ie與w3c事件模型的不一致提供一個統一的介面。然後再設定綁定事件的上下文為觸發事件的元素,也就是在事件中能夠通過this訪問到觸發事件的元素。 event.js代碼 複製代碼 /*!Event 事件處理 類比jquery的bind與unbind
Time of Update: 2014-04-10
由於javascript是一種無類型語言,所以一個數組的元素可以具有任意的資料類型,同一個數組的不同元素,可以具有不同的類型,數組的元素設定可以包含其他數組,這樣就可以建立一個複雜的數組了。 並且在這點上說javascript作為一種指令碼語言不同於那種嚴格的物件導向的c++、c#、java了,具有更高的靈活性。 在javascript1.1和其後的版本中,數組是用建構函式Array()和運算子new來建立,可用以下的三種方式來建立javascript中的數組。 var
Time of Update: 2014-04-10
JavaScript無非就是script標籤引入頁面,但當項目越來越大的時候,單頁面引入N個js顯然不行,合并為單個檔案減少了請求數,但請求的檔案體積卻很大。這時候最好的做法就是按需引入,動態引入組件js和樣式,檔案load完成後調用callback,運行js。代碼還是很簡便的。1. 判斷檔案load完成。載入狀態ie為onreadystatechange,其他為onload、onerrorif(isie){Res.onreadystatechange =
Time of Update: 2014-04-10
簡化代碼採用更為簡短的寫法,不僅可以減少輸入的字元數,還可以減少檔案大小。大部分採用簡單寫法的代碼,執行效率都有輕微提高。1. 簡化常用對象定義使用 var obj = {}; 代替 var obj = new Object();使用 var arr = []; 代替 var arr = new Array();2. 精簡if語句三元操作符可以有效精簡只涉及賦值傳值操作的if語句,比如:var score = 60, grade;if (score 可以精簡為:var score =
Time of Update: 2014-04-10
return 語句從當前函數退出,並從那個函數返回一個值。 文法: return[()[expression][]]; 可選項 expression 參數是要從函數返回的值。如果省略,則該函數不傳回值。 用 return 語句來終止一個函數的執行,並返回 expression 的值。如果 expression 被省略,或在函數內沒有 return 語句被執行,則把值 undefined 賦給調用當前函數的運算式。 下面樣本說明了 return
Time of Update: 2014-04-10
YUI Compressor 壓縮 JavaScript 的內容包括: 移除注釋 移除額外的空格 細微最佳化 標識符替換(Identifier Replacement) YUI Compressor 包括哪些細微最佳化呢? object["property"] ,如果屬性名稱是合法的
Time of Update: 2014-04-10
很多網頁在下方都會放置一個“返回頂部”按鈕,尤其是頁面底部沒有導航的網頁,這樣可以協助訪客重新找到導航或者重溫一遍廣告(想得真美)。隨著近幾年來 JavaScript 的應用日漸廣泛,滑動效果無處不在,於是我也跟跟風,將返回頂部功能做成了滑動效果。後來為了更貼合物理特徵, 改造做成了減速的滑動效果。 首先說一下原理吧,我們會擷取捲軸到頁面頂部的距離,然後上移一定的距離;再擷取捲軸到頁面頂部的距離,上移一定的距離(比上一次小一點);以此類推 ...
Time of Update: 2014-04-10
Bootflat 是一個開源的扁平化的 UI 工具包,基於 Bootstrap 3.1.0 CSS 架構。它為 Web 開發人員提供了一個建立優雅的 Web 應用程式的更快,更容易和更少的重複任務的途徑。 另外,Bootflat 還為設計師提供了免費的 PSD 檔案,它包括一組美麗的組件,您可以使用它來建立啟動項目,網站或行動裝置 App程式。Bootflat 相容以下瀏覽器:IE8+、Firefox、Safari、Opera 以及 Chrome您可能感興趣的相關文章2013年最受歡迎的1
Time of Update: 2014-04-10
什麼是企業模式?很多網友都對IE11新增的企業模式高度興趣,論壇也有使用者在諮詢。實際上企業模式並沒有我們想的那麼強大,但是偶爾使用一下也是個不錯的選擇。企業模式,顧名思義就是針對企業使用者的模式,目的是在於解決一些企業使用者在使用公司內部或其他等舊版網頁應用的相容性問題。由於很多企業還在使用舊版本網頁應用,而這些應用通常都是只能在IE8上運行(因為IE8支援XP和Win7),但是由於使用了一些舊的代碼和功能,所以在IE9甚至更高版本上可能會有相容問題,所以在本次更新中新增的IE11企業模式就是
Time of Update: 2014-04-10
嵌套規則01#header { color: black; }#header .navigation { font-size: 12px;02}#header .logo { 03 width: 300px; 04}#header .logo:hover { text-decoration:&