JavaScript

 首先我還是介紹下，通常我們的網頁裡會有文章列表或貼文清單等模組，當然還有其他的一些也會涉及這些，我主要說一說大家常常出現的情況。老鄒我在這裡就用文章列表舉例說明。文章列表往往是每一個項裡有文章標題、描述、作者和時間等等。長什麼樣子呢？請看：  上面這個是我想要的效果。但是我出現什麼問題了？大家再看：         看到沒，在逆天的IE7模式下，居然出現橫向捲軸了。讓我非常不

做網頁時經常會遇到表格，常見的表格如下： 這樣出來的效果是：顯然這並不是我們需要用的，需要增加樣式讓邊框變成單線，常見的有3種方法：   方法1、通過table和td不同的背景色來設定： 這裡 cellspacing="1" 值為多少邊框就會是多寬，

大家知道java有個測試架構叫Junit，可以用簡單的程式碼完成單元測試，最近jquery也出了一個測試javascript架構，叫Qunit。下面是jquery官網的關於QUnit的的介紹，希望對大家有協助。  介紹在軟體開發中使用自動化的軟體測試載入器是非常基本的。單元測試是自動化的測試中的基本內容：針對你的功能的單元測試，最好是你唯寫一次，每個用到你功能的人都能運行你的測試，而測試的人之間不需要進行任何交流和額外的工作。 測試的另一個好處是，測試可以驅動軟體的

現在的大多數網站都有校正，以及資訊提示：為了給使用者更好的體驗可以不用alert提示訊息，採用jQuery提示完訊息，自動消失，如：css:如下：#tip_message {z-index: 9999;position: fixed;left: 0;top: 40%;text-align: center;width: 100%;}#tip_message span {background-color: #03C440;opacity: .8;padding: 20px

在系統中，會一些地方使用javascript open window。比如開啟固定模式的視窗，防止使用者進行其他動作。參數：複製代碼 代碼如下:參數 | 取值範圍 | 說明alwaysLowered | yes/no | 指定視窗隱藏在所有視窗之後 alwaysRaised | yes/no | 指定視窗懸浮在所有視窗之上 depended | yes/no | 是否和父視窗同時關閉 directories | yes/no | Nav2和3的目錄欄是否可見 height | pixel

一、URL解析函數複製代碼 代碼如下:<script>  /** *@param {string} url 完整的URL地址 *@returns {object} 自訂的對象 *@description 用法樣本：var myURL = parseURL('http://abc.com:8080/dir/index.html?id=255&m=hello#top'); myURL.file='index.html' myURL.hash= 'top' myURL.host=

1、第一種：複製代碼 代碼如下:function IsPC() {    var userAgentInfo = navigator.userAgent;    var Agents = ["Android", "iPhone",                "SymbianOS", "

以下列出13個jQuery操作table常用到的功能：1.滑鼠移動行變色複製代碼 代碼如下:$('#table1 tr').hover(function(){    $(this).children('td').addClass('hover')}, function(){    $(this).children('td').removeClass('hover')});方法二：複製代碼 代碼如下:$("#table1 tr:gt(0)

一、事件的發生順序這個問題的起源非常簡單，假設你在一個元素中又嵌套了另一個元素複製代碼 代碼如下:-----------------------------------| element1                        ||   --

 這篇文章主要介紹了jquery禁止輸入數字以外的字元的樣本(純數字驗證碼),需要的朋友可以參考下純數字驗證碼的時候用到的，整理如下：  代碼如下:$('#mobile-vcode').unbind();$("#mobile-vcode").bind("keyup change",function () {   

複製代碼 代碼如下:unbind(type [,data])     //data是要移除的函數$('#btn').unbind("click"); //移除click$('#btn').unbind(); //移除所有對於只需要觸發一次的，隨後就要立即解除綁定的情況，用one()複製代碼 代碼如下:$('#btn').one("click",function(){.......});觸發操作trigger() 方法觸發被選元素的指定事件類型。複製代碼

類比bind方法與unbind方法 jquery的bind() 方法為被選元素添加一個或多個事件處理常式，並規定事件發生時啟動並執行函數。 類比的bind事件主要是針對ie與w3c事件模型的不一致提供一個統一的介面。然後再設定綁定事件的上下文為觸發事件的元素，也就是在事件中能夠通過this訪問到觸發事件的元素。 event.js代碼 複製代碼    /*!Event 事件處理 類比jquery的bind與unbind 

做網站的時候，很多地方都是由表單提交組成的，但是有提交的地方都要有驗證。用戶端驗證最簡單的方法就是使用JS自訂函數。這個文檔包含平時常用的28個驗證函式，還有驗證函式幾種使用方法。 JS驗證函式的調用方法需要注意以下幾點： 給表單設定 onsubmit="return test()"，配合<input type="submit" name="Submit" value="check"> 進行提交。 <input type=text

DOM 提供了一個名為 getElementById() 的方法，這個方法將返回一個對象，這個對象就是參數 id 所對應的元素節點。另外，getElementByTagName() 方法會返回一個對象的數組，每一個對象分別對應著文檔裡有給定標籤的一個元素。這個方法的參數是 html 標籤的名字。現在我們考慮一個問題，能不能通過標籤的類名class name來擷取該對象呢？下面是這個猜想的程式實現（支援多個class查詢和在某個範圍內進行查詢）： /* *

使用window.history.go(-1)返回上頁的同時重新整理"上頁"，這個適合用在"上頁"含有動態更新的內容，比如調用論壇的新帖,調用文章系統的最新文章等等。如果你的"上頁"沒有動態更新的內容，建議不要弄這個，別人點返回的時候還要再載入一次。 強制載入後重新整理一次 在要載入的頁面加入以下代碼： <script type="text/javascript">if(window.name != "bencalie"){

有時在顯示某段文字的時候，可能會太長，影響我們頁面的顯示效果。如果僅是英文，那麼我們可以用String.substring(start, end)函數就已經夠用了。但是通常我們都會遇到既有英文，又有漢字的情況。而漢字是佔用2個位元組的，如果用String.substring(start, end)截取字串的話，會發現漢字截取後比英文截取後個數雖然相同，但是長度還是長出去不少（具體要視字元個數來決定）。下面是一個實現這個功能的函數：<script language="javascript"

我在讀很多優秀的JavaScript源碼時候常常被它詭異的文法搞的精疲力盡，所以時不時的加固JavaScript基礎知識是十分有必要的，這些知識每次溫故或者你換個角度去思考都能收穫頗多，那麼如此深不可測的語言是怎麼誕生的呢？它的祖師爺在創造它的時候是基於什麼思考的呢？我想如果大夥知道了這段曆史，或許理解起JavaScript來就會感覺跟輕鬆些跟愜意些，說不定很多人因此而想好好的學習它。人總有點八卦的小毛病，回顧下一件事情或一個東西的曆史，探尋他們曆史過程中的種種有趣的細節，一定是件很有意思的事情

下面的實驗是驗證push()函數與CreateElement()函數在建立HTML元素的效率。可以看出，實用push()確實效率要比後者要高，不過究竟可以高出多少，還需要有專研精神的朋友去測試了，這裡僅僅是拋磚引玉。 效果示範 this is div1 this is div2 JavaScript Code <script type="text/javascript">var d = new

As more and more sites evolve into “Web 2.0″ apps, the amount of JavaScript increases. This is a performance concern because scripts have a negative impact on page performance. Mainstream browsers (i.e., IE 6 and 7) block in two ways:

Json在Web開發的用處非常廣泛，作為資料傳遞的載體，如何解析Json返回的資料是非常常用的。下面介紹下四種解析Json的方式： Part 1var list1 = [1,3,4];alert(list1[1]);var list2 = [{"name":"leamiko","xing":"lin"}];alert(list2[0]["xing"])alert(list2[0].xing) Part 2var value =