JavaScript

今天發現一個頁面始終不執行初始化指令碼，代碼如下：<script type="text/javascript" src="Script/jquery-1.11.1.min.js" /><script type="text/javascript">$(document).ready(function() {alert(1);});</script>後來發現問題僅僅是因為引用JQuery的時候閉合寫法問題，只需要修改閉合方法，如下所示：<script

1、只允許輸入數字<input name="username" type="text"onkeyup="value=this.value.replace(/\D+/g,'')">2、只允許輸入英文字母、數字和底線(以下二種方法實現)<input name="username" type="text"style="ime-mode:disabled"><input name="username"

這代碼實現的功能就是平常我們遇到的一個div裡麵包含img的時候，在img圖片大小未知，div大小未知的情況下，讓圖片自適應大小，對於圖片本身小於div容器大小時，不作處理。因為如果展開，圖片可能就失真了。 廢話不多說，直接上代碼，已測試，相容Firefox，Google，IE6，IE7/8 以下是js代碼： 複製代碼 代碼如下: <script type="text/javascript" language="javascript"> window.onload=function(

分頁類，我放在 plugin/Paginate.js複製代碼 代碼如下:/** * 分頁外掛程式類(缺少每頁的顯示數，listrows明天寫) * @param page {Number} 當前頁 * @param pagesize {Number} 每頁記錄數 * @param total {Number} 總記錄數 * @constructor */function Paginate(page, pagesize, total){&

複製代碼 代碼如下: <script type="text/javascript"> $.fn.silde = function() { var position = function(element) { var top = element.position().top, pos = element.css ("position"); $(window).scroll(function() { var scrolls = $(this).scrollTop(); if

1.JavaScript大小寫敏感；2.聲明變數如果不寫var，則為聲明了全域變數;任何不是方法的函數，都是全域變數，其裡面的this都指向window;3.%運算子，求餘數，保留整數，y=5;x=y%2;則x=1;4.如需把兩個或多個字串變數串連起來，請使用 + 運算子，區別於php；5.三目運算：greeting=(visitor==”PRES”)?”Dear President “:”Dear “;6.indexOf()方法，從0算起，空格也算一位；7.Math.floor()向下取整數，

首先數組的定義以及初始化的方法: var myArray = new Array(1,3.1415,"love"); //這裡注意myArray數組中的元素不只是同一種資料類型的元素，可以有整形，有浮點型，有字串等等都可以。這裡充分展示了javascript作為一種語言對資料類型的弱化，語言更加的隨意化，簡便化。就行定義對象的時候用var一樣。 在此介紹的有限，同時有一些我沒有給出結果，希望大家自己體會，自己動手嘗試一下，看看結果到底是什麼，這樣有助於記憶。以下帶[]是可以省去的參數。

Sting字串對象是Javascript提供的內建對象之一。 這裡特別注意，字串中的第一個字元是第0位的，第二個才是第1位的。 1.建立一個字串對象的方法 [var] String 對象執行個體名 = new String(string) 或者是var String 對象執行個體名 = 字串值 例子： var str = "Hello World"; var str1 = new String("This is a string"); 2.String的屬性 length: 返回字串的長度

Situation One複製代碼 代碼如下:<script>　　var i; //全域變數　　//方法名是camel命名法　　//方法裡面的變數是局部變數　　function sayHello(){　　var x=100;　　alert(x);　　x++;　　}　　sayHello(); //輸出100　　alert(x); //報錯，因為x是局部變數，訪問不到</script>Situation Two複製代碼 代碼如下:<script>function

彈出層在實際應用中我們經常會碰到大量的彈出層效果，下面我來做一個基於jquery的簡單的彈出層效果執行個體，各位朋友有興趣可參考。效果代碼如下：在 彈出層 中下面是核心代碼 複製代碼 代碼如下:<script type="text/javascript">// 漸層彈出層$(document).ready(function(){ var speed = 600;//動畫速度 $("#race

一個完整的例子上文說了那麼多，知識點比較分散，所以最後我打算用一個完整的SeaJS例子把這些知識點串起來，方便朋友們歸納回顧。這個例子包含如下檔案：1.index.html——首頁面。2.sea.js——SeaJS指令碼。3.init.js——init模組，入口模組，依賴data、jquery、style三個模組。由首頁面載入。4.data.js——data模組，純json資料模組，由init載入。5.jquery.js——jquery模組，對

一個可以js（JavaScript）的tab標籤切換代碼，可以自動適應寬度，可以自己添加刪除標籤塊，傻瓜式操作便能完成！複製代碼 代碼如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"><HTML xmlns="http://www.w3.org/1999/xhtml"

一、用法 jquery的load函數是請求另一個檔案並載入到當前DOM裡的調用，load方法的完整格式是：load( url, [data], [callback] )(注意沒有參數是GET方式請求，有參數則是 POST方法)。 * url：是指要匯入檔案的地址。 * data：選擇性參數；因為Load不僅僅可以匯入靜態html檔案，還可以匯入動態指令碼，例如PHP檔案，所以要匯入的是動態檔案時，我們可以把要傳遞的參數放在這裡。 *

Js表格，萬條資料瞬間載入 在Ajax動態載入資料的實際應用中，大家都習慣了一種思維方式：一條資料建立一行。 於是如果數量大的時候，一次性要載入完資料的話，瀏覽器就會卡上半天 受Flex的DataGrid控制項的啟發，在Flex的DataGrid控制項中，展示資料的方法並不是有多少條資料就建立多少行，它最多隻建立你在介面上所看到的十幾二十行（假設為n行），如果資料多的話，在滾動過程中，會從資料中抽取你應該看到的這n行資料，重新展示在已經建立好的那n行控制項中。

JS的函數定義可以指定形式參數名稱，多多少少我們會以為js至少可以支援參數個數不同的方法重載，然而遺憾的是這僅僅是一個假象，js所有的參數都是以arguments傳遞過去的，這個參數類似於數組，在函數調用的時候，所有的實參都是儲存在了這個資料結構裡面，我們定義函數的時候所指定的形式參數其實是為這個資料結構裡面的資料定義一個快捷的訪問方式。也就是說js所有的函數都是支援無限個參數的，加上資料類型是弱類型，那麼JS的函數除了名稱就真的沒有方法區別了？辦法總是有的，我們可以利用JavaScript中的

巧用get和set，能夠直接操作對象屬性實現讀寫，可以極大的提高編程效率，給出一個典型樣本： 複製代碼 代碼如下: var test = { _Name : null, _Age : 0, //_Name的讀寫 set name(name) {this._Name = name;}, get name() {return this._Name;}, //_Age的讀寫 set age(age) {this._Age = age;}, get age() {return this._Age;} }

jQuery中需要用到$符號，如果其他js庫（例如大名鼎鼎的prototype)也定義了$符號，那麼就會造成衝突，會影響到js代碼的正常執行。jqeury提供了一些方案來避免這個問題，讓我們來看看這幾個方案有什麼區別 方案1： 引入noConflict(),將$替換為其他符號 複製代碼 代碼如下: var $j = jQuery.noConflict(); $j(document).ready(function(){ $j("#btn1").click(function(){

將訪問的頁面加入到可信任網站 複製代碼 代碼如下: //匯出到Excel，注意，表格標記內不得有注釋，因為childNodes會把注釋也算進去 //如果出錯，需要關閉Excel，否則Excel進程會一直運行著 //td中只能有一個input值 //非td間不可以有組建 否則報缺少“；”錯誤 //引用頁面加上<script type="text/javascript" src="execl.js"></script> //添加按鈕<input

colorbox是jquery一個非常好用的彈窗外掛程式，功能十分豐富，使用體驗也很好。colorbox官網：http://www.jacklmoore.com/colorbox/剛才在是用colorbox的時候遇到了一個問題，這個問題以前沒有注意過。以前我都是講這個外掛程式使用在靜態HTML元素中的，今天為動態產生的元素繫結的時候發現不能用了。常規的用法是這樣的：複製代碼 代碼如下:<a class="test" href="test.jpg"

原型函數，功能很簡單，找到時鐘的id，計算數值，到達搶購時間時執行任務。function nwt() {var str=$('#deal_expiry_timer_e3cdcd2a').text(); var out=str.match(/\d+/g);console.log(out); var h=parseInt(out[0]),m=parseInt(out[1]),s=parseInt(out[2]); console.log(h+'#'+m+'#'+s);var calc=h*3600+