JavaScript

jQuery 對象是通過 jQuery 封裝DOM 對象後產生的對象。jQuery 對象是 jQuery 專屬的，其可以使用 jQuery 裡的方法，但是不能使用 DOM 的方法；例如： $("#img").attr("src","test.jpg"); 這裡的 $("#img")就是 jQuery 對象。DOM對象就是Javascript 固有的一些對象操作。DOM 對象能使用Javascript 固有的方法，但是不能使用 jQuery

查看一個簡單的jQuery的例子來遍曆一個JavaScript數組對象。var json = [{"id":"1","tagName":"apple"},{"id":"2","tagName":"orange"},{"id":"3","tagName":"banana"},{"id":"4","tagName":"watermelon"},{"id":"5","tagName":"pineapple"}];$.each(json, function(idx, obj)

這一款是用原生javascript實現的分頁外掛程式pagenav，頁碼顯示jquery外掛程式,只需要存在#pageNav,則會在其中顯示頁碼，調用時可根據需要先重寫go方法.(已去除jquery依賴)。。。。外掛程式代碼如下：/* ************************** author:Keel (keel.sike@gmail.com) ************************** 頁碼顯示jquery外掛程式,只需要存在#pageNav,則會在其中顯示頁碼.

今天遇到個小問題, 在構建 DOM 時, IE 中不能通過 element.setAttribute('name', _variable); 和 element.name = _variable; 這樣的形式來為元素加上 name 屬性, 無論是 IE6 還是 IE7. (IE8 是可以的, 但 IE8rc1 不行) 後來我查看了 MSDN, 得到資訊如下: 複製代碼 代碼如下: Internet Explorer 8 and later can set the NAME attribute

放大鏡並不是一個難以實現的效果, 只是因為牽涉到一些精確的數值計算, 顯得比較繁瑣. 在未來的一段日子, 我會不定期地寫關於 JavaScript 放大鏡系列的文章, 每次講一個點, 由點及面, 最後完成整個效果. 本次我們先瞭解如何在縮圖上移動鏡片. (這是 DEMO) 縮圖和鏡片組成的 DOM 結構如下. 複製代碼 代碼如下: <a id="thumb" href="#"> <img src="yun_qi_img/Free-Shipping-Popular-ladies-

對JavaScript 放大鏡來說, 計算倍率必不可少. 一個完整的放大鏡結構裡, 與倍率扯上關係的一共有 4 個對象, 原圖, 縮圖, 鏡片和視窗. 鏡片在縮圖上的覆蓋位置, 其實就是視窗對原圖的部分展示, 所以它們之間有如下關係. 倍率 = 原圖/縮圖 = 視窗/鏡片 倍率一般大於等於 1, 因為原圖一般都不會小於縮圖. 一旦倍率小於 1, 則將倍率設為 1. 因為縮圖和原圖的尺寸是不可變的, 所以我們通過它們來獲得倍率. 複製代碼 代碼如下: /** * 擷取放大鏡放大倍數 *

用過 Java 和 .NET 的同學對包或命名空間的概念應該不會陌生, 正因為有這個概念, 使代碼的簡潔易讀得到了保證. 不知 JavaScript 設計之初是如何定位 with 語句的, 個人覺得它們之間有一定的相似性. 如: 複製代碼 代碼如下: apple.banana.candy.dog.egg.fog.god.huh.index = 0; doSomething(apple.banana.candy.dog.egg.fog.god.huh.index); 利用 with 語句,

在JavaScript中，onload函數是最經常使用的，幾乎涉及到JavaScript的童鞋都少不了要接觸它。這個函數的作用就是等待網頁完全裝載完了以後再去執行代碼塊內的語句，因為按照文檔流的執行順序，通常用於頭部載入JavaScript的時候需要用到。複製代碼 代碼如下:window.onload = function(){    // 當網頁載入完成後執行這裡的代碼塊}; 而在jQuery中也有一個對應的函數，即等待網頁載入完後執行代碼塊複製代碼 代碼如下:$

Java 也有 Integer.parseInt() 方法, 但是 JavaScript 的 parseInt 處理方式與 Java 等強整型語言不太一樣, 所以經常有人因為對這個方法的使用不當而獲得異常返回. 下面是一段 Java 代碼, 用於將字串 020 轉為整型. 複製代碼 代碼如下: public class Test { public static void main(String args[]) throws Exception { String str = "020";

jQuery是一個款非常優秀的類庫，它給我們解決了很多的用戶端編程，但是任何東西都不是萬能的，當它不能滿足我們的需求時我們就需要對它進行重寫，同時也不要影響其原有的功能或者修改其原有的功能；比如我現在的web應用程式大多數時候的資料互動都是通過Ajax來完成的，這樣就可以將一些隱藏欄位的資料儲存在HTML標籤的屬性中，使HTML標籤的代碼量減少，如：ID，Timestamp等等，這些不需要使用者輸入但又不得不提交的欄位，通過表單提交的做法是<input name="ID" value="3

隨著近幾年來 JavaScript 的應用日漸廣泛, 滑動效果無處不在, 於是我也跟跟風, 將置頂功能做成了滑動效果. 後來為了更貼合物理特徵, 改造做成了減速的滑動效果. 首先說一下原理吧. 我們會擷取捲軸到頁面頂部的距離, 然後上移一定的距離; 再擷取捲軸到頁面頂部的距離, 上移一定的距離 (比上一次小一點); ... JavaScript 代碼: 複製代碼 代碼如下: /** * 回到頁面頂部 * @param acceleration 加速度 * @param time 時間間隔

複製代碼 代碼如下: /* * 獲得時間差,時間格式為 年-月-日 小時:分鐘:秒 或者 年/月/日 小時：分鐘：秒 * 其中，年月日為全格式，例如 ： 2010-10-12 01:00:00 * 返回精度為：秒，分，小時，天 */ function GetDateDiff(startTime, endTime, diffType) { //將xxxx-xx-xx的時間格式，轉換為 xxxx/xx/xx的格式 startTime = startTime.replace(/\-/g, "/");

複製代碼 代碼如下: /* 代碼1 */ var scope = "global "; function checkScope() { var scope = "local "; function childCheck() { var scope = "childLocal "; document.write(scope); } function childUndefined() { document.write(scope); var scope; } function

複製代碼 代碼如下: //convert string to xml object function String2XML(xmlString) { // for IE if (window.ActiveXObject) { var xmlobject = new ActiveXObject("Microsoft.XMLDOM"); xmlobject.async = "false"; xmlobject.loadXML(xmlstring); return xmlobject; } //

使用XMLHttpRequest對象分為4部完成: 1.建立XMLHttpRequest組建 2.設定回呼函數 3.初始化XMLHttpRequest組建 4.發送請求 執行個體代碼： 複製代碼 代碼如下: var userName; var passWord; var xmlHttpRequest; //XmlHttpRequest對象 function createXmlHttpRequest(){ if(window.ActiveXObject){ //如果是IE瀏覽器 return

參數類型說明elelement必需，為頁面元素beginnumber必需，開始的位置changenumber必需，要移動的距離durationnumber可選，緩動效果期間，預設是500ms。建議取300~1000ms。fieldstring必需，要發生變化的樣式屬性。請在top，left，bottom,right，width與height中選擇。ftpnumber可選，每秒進行多少幀動畫，預設50幀，保證流暢播放。一些參考資料，日本動畫1秒36幀，中國卡通24幀，賽車遊戲60幀。easefun

順序可能比較亂，寫多了再整理，有些術語可能運用也不恰當，歡迎批評指正。以下使用的樣本程式都經過了本人的實際驗證，相容各大瀏覽器。OK，步入正題。 1. 變數的聲明和引用 變數必須先聲明後引用，這個大家是都知道的，但還是要說說，因為後面要說到一個相關的問題。 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行] 2. 函數的聲明和調用 JavaScript是一種描述型指令碼語言，由瀏覽器進行動態解析與執行。函數的定義方式大體有以下兩種，瀏覽器對於不同的方式有不同的解析順序。

然而需要實現一些特定的功能，則可以選擇功能更專一的輕量庫，今天這篇文章與大家分享16個很有用的 JavaScript 庫。Blackbird: Open Source JavaScript Logging UtilityBlackbird 是一款非常酷的 JavaScript 調試工具，帶有一個漂亮的介面顯示和過濾調試資訊。Treesaver.jsTreesaver 是一個用於建立雜誌布局的 JavaScript 架構。BibliotypeBibliotype 是一個簡單的基於

這裡只是純粹的搭建，連環境都沒有，還玩什麼伺服器端js，一切都成了浮雲，讓我們先搭建一個環境，輸入一個“hello world”的頁面。 對的，windows7下的搭建，你只需一步一步跟著我做，就ok了，不用去瞭解過多的細節，那不是我們現在要關心的，我們現在首要目的是把環境搭建好，要不然就沒有下一步了。 　　Step 1.

以下是全部內容： 2010.11.29日 1.[window.]alert(); document.alinkColor textString.anchor() navigator.appCodeName escape("Hi!") 返回ascii 碼 eval("x+y") 對字串求值 x=10,y=20;eval=30 formName.elementName.focus(); 設定元素成為焦點 history.forward（） 前進瀏覽器 Date相關的函數 Date.getDate()