Time of Update: 2013-10-17
下面是我找到的解決辦法:在使用indexOf方法前,執行一下下面的js, 原理就是如果發現數組沒有indexOf方法,會添加上這個方法。複製代碼 代碼如下:if (!Array.prototype.indexOf){ Array.prototype.indexOf = function(elt /*, from*/) { var len = this.length >>> 0;
Time of Update: 2013-10-17
positon:fixed 讓HTML元素脫離文檔流固定在瀏覽器的某個位置 網頁中經常會有浮動的導航條會用到這種定位元模式,但是ie6下並不相容這種定位 浮動導航條的樣式,重要的是position:fixed;bottom:60px;(浮動導航底部距離視窗底部60px) 複製代碼 代碼如下: .floating_9677{position:fixed; z-index:961; bottom:60px;}
Time of Update: 2013-10-17
如果某參數的列只有一個參數,那麼each是失敗,請看下面的例子 Java代碼: 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <style> p { margin: 8px; font-size:16px; } .selected { color:red; } .highlight { background:yellow; } </style> <script src="http://code.
Time of Update: 2013-10-17
假設一個網頁裡有多個表單,其中一個表單裡有檔案上傳, 複製代碼 代碼如下: <form action='http://xxx.com/data' method='post'> <input type="text" name="data" /> <input type="submit" name="Submit2" value="上傳資料"> </form> <form action='...' ... > ...
Time of Update: 2013-10-17
今天在rainweb的部落格上,看到了這篇非常好的文章,覺得非常有必要分享出來,相信大家認真讀完這篇文章,對js範圍的理解又會上升到一個新的台階。 前言:javascript裡變數範圍是個經常讓人頭痛抓狂的問題,下面通過10++個題目,對經常遇到又容易出錯的情況進行了簡單總結,代碼範例很短很簡單 題目一 複製代碼 代碼如下: var name = 'casper'; alert(name); //毫無疑問地輸出:casper 題目二 複製代碼 代碼如下: alert(name);
Time of Update: 2013-10-17
最近在Web項目開發過程中遇到的本地圖片預覽的需求,雖然最後因為其他原因沒能使用,但是也算有些瞭解,整理出來。這裡我們按瀏覽器分,主要包括IE6,IE7/8 和Firefox3, 不包含Opera,Safari和Chrome,這三個基本上需求很小,沒有研究。 總結一下就是: IE6下可以直接從file的value擷取圖片路徑來顯示預覽。 IE7和IE8下通過select擷取file的圖片路徑,再用濾鏡來顯示預覽。 FireFox下調用file的getAsDataURL方法擷取Data
Time of Update: 2013-10-17
在JS中可以通過設定style.display或者style.visibility屬性來控制元素是否顯示,在style.display=block和style.visibility=visible的時候,元素被顯示,在style.display=none和style.visibility=hidden的時候,元素被隱藏。它們之間最大的區別是通過style.display=none隱藏的時候,元素不佔據原來的位置,從文檔流中脫離,後續的元素填補其位置。通過style.visibility=hidd
Time of Update: 2013-10-17
複製代碼 代碼如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <style type="text/css"> .content { border: 1px solid #ccc; width: 440px; overflow: hidden; margin: 10px; } </style>
Time of Update: 2013-10-17
js 複製代碼 代碼如下: $(function(){ var length = $(".container a").length; var $items = $(".container a"); $items.on("transitionend", function(event){ $items.removeClass("trans"); }); $(".container a").each(function(index, value){ var $child = $(this); if
Time of Update: 2013-10-17
複製代碼 代碼如下:以下是本人的一些分享,我熱愛編程,希望能多交編程的愛好者,如果你也是其中一名,那麼請加好友,大家關注一下,下面的文章是自己覺得一些有用的東西,留下來給自己當筆記,當然也希望能協助到你,首先感謝你的閱讀~! 如果我們在用jQuery作為用戶端頁面的指令碼,時常都會涉及到jQuery對象和Javascript對象的相互轉換。因為,DOM對象就是Javascript 固有的一些對象操作。DOM 對象能使用Javascript 固有的方法,但是不能使用 jQuery
Time of Update: 2013-10-17
頁面代碼:複製代碼 代碼如下:<table> <tr><td><input type="text" id="txtPwd" /></td></tr>
Time of Update: 2013-10-17
複製代碼 代碼如下: <!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.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"
Time of Update: 2013-10-17
當一個頁面內容很長的時候,側邊欄欄目可能顯得太短,當視窗滑動到靠下的位置,則側邊即失去了展示內容的機會。很多新聞資訊類網站如新浪、網易、CSDN等,會在側邊欄的右下角以固定的小彈窗形式,以提供更多的內容展示方式,但這並不適合部落格和web2.0風格的網站。現在很多的獨立部落格和網站如人人網等,都使用了讓側邊欄模組隨捲軸滑動而位置固定的效果。就是當一個頁面很長的時候,設定側欄內容會跟隨捲軸,這種效果適用於評論較多、內容較長的網站。志文工作室調研了幾種類似功能的實現方法,摘錄之以供參考。參考一、提高
Time of Update: 2013-10-17
在做表單頁面的時候,想判斷2個js對象,是不是所有完全相同。這裡是stackoverflow上的解決辦法,在這裡記錄一下。 複製代碼 代碼如下: Object.prototype.equals = function(x) { var p; for(p in this) { if(typeof(x[p])=='undefined') {return false;} } for(p in this) { if (this[p]) { switch(typeof(this[p])) { case
Time of Update: 2013-10-17
在使用DIV和CSS進行網頁布局中,DIV的自適應高度和自適應寬度是一個很常見的問題。 為了保證頁面的整體美觀性,需要將兩個或者多個層的高度/寬度保持一致。左右自適應高度一致 Jquery 複製代碼 代碼如下: <div style="width:300px;"> <div id="Left" style="float:left;background-color:blue;">1<br/>3<br/>5<br/></div>
Time of Update: 2013-10-17
網頁中有時候需要獲得圖片的寬度和高度,來定義某些大小,可是這個是需要從服務端請求圖片,下載到本地才能夠得到的,有些js或者jquery代碼在還沒有載入完圖片時就執行了。怎麼辦呢?jquery提供一個方法: 複製代碼 代碼如下: 01.$("").load(function(){...}); 其中選取器是圖片的id或class,function裡面的方法就是回呼函數,在圖片載入完成後執行,但是我實驗了很多,壓根兒不是那麼回事,正確的解決方案是: 用js的onload方法: 複製代碼 代碼如下:
Time of Update: 2013-10-17
現在來看一下代碼的實現,首先來看一個主介面的代碼複製代碼 代碼如下:<html> <head> <script type="text/javascript"> function GetData(data)
Time of Update: 2013-10-17
js方法:複製代碼 代碼如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title> New Document </title>
Time of Update: 2013-10-17
單個的加號作為運算子在 JavaScript 中有三種作用。它可以表示字串串連,例如:複製代碼 代碼如下:var str = 'hello ' + 'world!'; 或表示數字取正值的一元運算子,例如:複製代碼 代碼如下:var n = 10; var n2 = +n; 或表示數值運算式的求和運算,例如:複製代碼 代碼如下:var n = 100; var nn2 = n + 1; 三種標記法裡,字串串連與數字求和是容易出現二義性的。因為
Time of Update: 2013-10-17
前段時間看了阮一峰的jQuery的deferred對象詳解一文,對jQuery中的deferred的用法了一些瞭解,今天看到園子裡的一篇文章:關於重構JS前端架構的失敗經驗(順便懷念那些死去的代碼),於是把我之前寫的一個利用jQuery的deferred非同步按順序載入JS檔案方案分享出來,歡迎指正。如果你現在對jQuery中的deferred還不瞭解,強烈建議你看一下阮一峰的jQuery的deferred對象詳解一文。 載入JS檔案的代碼如下: 複製代碼 代碼如下: /* Loading