Time of Update: 2013-10-17
複製代碼 代碼如下: <html> <head> <title>密碼強度檢測效果</title> <script type="text/javascript"> function chkpwd(obj){ var t=obj.value; var id=getResult(t); //定義對應的訊息提示 var msg=new Array(4); msg[0]="密碼過短。"; msg[1]="密碼強度差。";
Time of Update: 2013-10-17
1、JQuery選取器繼承了CSS、path語音的部分文法,允許通過標籤名、屬性名稱、內容對DOM元素進行快速、準確的選擇。 2、JQuery選取器與JavaScript相比,具有代碼簡單、完善的檢測機制的優勢。 3、使用JQuery選取器實現隔行變色,範例程式碼如下: 複製代碼 代碼如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD>
Time of Update: 2013-10-17
很慶幸,我又見到了末日後新升的太陽,所以我還能在這裡寫文章,言歸正傳哈,最近做了一個項目,需要用子網域名稱調用主網域名稱下的一個現有的功能,於是想到了用jsonp來解決,在我們平常的項目中不乏有這種需求的朋友,於是記錄下來以便以後查閱同時也希望能幫到大家。什麼是JSONP協議? JSONP即JSON with
Time of Update: 2013-10-17
巧妙1:函數 在javascript代碼中函數是個不可多得的人才。 ♥ 它可以歸置程式碼片段,封裝相對獨立的功能。 ♥ 它也可以實作類別,注入OOP思想。 jQuery就是一個函數,你也可以把它當成類(呵呵,本身就是類)。 複製代碼 代碼如下: (function(){ var jQuery = function() { // 函數體 } window.jQuery = window.$ = jQuery; })();
Time of Update: 2013-10-17
一、原型模式結構 複製代碼 代碼如下: // 定義一個jQuery建構函式 var jQuery = function() { }; // 擴充jQuery原型 jQuery.prototype = { }; 上面是一個原型模式結構,一個jQuery建構函式和jQuery執行個體化對象的的原型對象,我們一般是這樣使用的: 複製代碼 代碼如下: var jq = new jQuery();
Time of Update: 2013-10-17
動態改變IFrame的高度,實現IFrame自動伸展,父頁面也自動神縮 原理: 在IFrame子頁面一載入的時候,調用父IFrame對象,改變其高度 具體實現一: 1、在IFrame的具體頁面(就是子頁面),添加JavaScript 複製代碼 代碼如下: <script> function IFrameResize(){ //alert(this.document.body.scrollHeight); //彈出當前頁面的高度 var obj =
Time of Update: 2013-10-17
按值和按引用的比較 Numbers 和 Boolean 類型的值 (true 和 false) 是按值來複製、傳遞和比較的。當按值複製或傳遞時,將在電腦記憶體中分配一塊空間並將原值複製到其中。然後,即使更改原來的值,也不會影響所複製的值(反過來也一樣),因為這兩個值是獨立的實體。 對象、數組以及函數是按引用來複製、傳遞和比較的。 當按地址複製或傳遞時,實際是建立一個指向原始項的指標,然後就像拷貝一樣來使用該指標。如果隨後更改原始項,則將同時更改原始項和複製項(反過來也一樣)。實際上只有一個實體;
Time of Update: 2013-10-17
什麼是JS事件冒泡? 在一個對象上觸發某類事件(比如單擊onclick事件),如果此對象定義了此事件的處理常式,那麼此事件就會調用這個處理常式,如果沒有定義此事件處理常式或者事件返回true,那麼這個事件會向這個對象的父級對象傳播,從裡到外,直至它被處理(父級對象所有同類事件都將被啟用),或者它到達了對象層次的最頂層,即document對象(有些瀏覽器是window)。 如何來阻止Jquery事件冒泡? 通過一個小例子來解釋 複製代碼 代碼如下:
Time of Update: 2013-10-17
導覽列 +01-10 01 02 03 04 04 05 06 07 08 09 10 +11-20 11 12 13 14 15 16 17 18 19 20 +21-30 21 22 23 24 25 26 27 28 29 30 +31-40 31 32 33 34 35 36 37 38 39 40 +41-50 41 42 43 44 45 46 47 48 49 50 +51-60 51 52 53 54 55 56 57 58 59 60
Time of Update: 2013-10-17
JS類比抽獎效果 Result [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2013-10-17
window 的 onload、onresize、onscroll 事件,跟其他的事件不一樣,它不能用 attachEvent 或 addEventListener 來添加。也就是說,它只能這樣來(以 onload 為例,下同): 複製代碼 代碼如下: window.onload = function() { // ... }; 但這有個問題,就是想再為 onload 增加新的事件處理常式時,不能直接為 window.onload 賦值了,否則前面的賦值就會被覆蓋了。 可這樣做: 複製代碼
Time of Update: 2013-10-17
簡述: 用到javascript的排序一組數字,js沒有直接的數字比較的函數可以調用,所以自己寫了一個快速排序 知識點: 1. Regex提取正負數位string 2. str 轉數字 放回列表 3. js的對象Sort類的聲明及定義 4. Sort類建構函式、成員函數定義方式(prototype) 5. 快速排序演算法 代碼: 複製代碼 代碼如下: <!DOCTYPE html> <meta http-equiv="Content-Type"
Time of Update: 2013-10-17
先看: 要求:當輸入框獲得焦點時,自動顯示驗證圖片。 代碼如下(學習而已,僅供參考): 複製代碼 代碼如下: /***********************下是驗證碼對象*****************/ var Validation = {}; Validation.init = function(eleName,imageSrc){ this.image = imageSrc; $('#'+eleName).focusin(function(){
Time of Update: 2013-10-17
onkeypress 和 onkeydown 是有區別,下面將講解 onkeypress 與 onkeydown 事件的區別。 onkeypress 事件在使用者按下並放開任何字母數字鍵時發生。但是系統按鈕(例如:方向鍵、功能鍵)無法得到識別。 onkeydown 事件在使用者按下任何鍵盤鍵(包括系統按鈕)時發生。 具體區別: 1. 一個放開一個沒有放開,onkeydown 先於 onkeypress 發生。 2.onkeypress 無法系統按鈕。 2.onkeydown 捕獲的
Time of Update: 2013-10-17
複製代碼 代碼如下:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>test javascript</title> <script type="text/javascript"> window.onload = function() { var EventUtil = {
Time of Update: 2013-10-17
複製代碼 代碼如下: <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> .Div_Scroll { position:fixed; margin:-10px; visibility:
Time of Update: 2013-10-17
我的頁面上有兩個table,調用ajax之後隱藏掉一個,然後用html拼出另一個table,結果新的table最上面有個undefined,這個是怎麼引起的,要怎麼解決下呢?詳細代碼如下: 複製代碼 代碼如下: <script type="text/javascript"> $(function(){ if($.browser.msie) { $("#country").get(0).attachEvent("onpropertychange",function (o){ var
Time of Update: 2013-10-17
CSS與JS緊密配合,為我們的頁面增添了很多別緻的效果。為了達到某種特殊的效果我們需要用Javascript動態去更改某一個標籤的CSS屬性。例如常用的關閉某個漂浮的廣告顯示:document.getElementById('ad').style.display='none';相當於:.ad{ display:none}. 下面就是JS 控制CSS樣式表的文法對照:
Time of Update: 2013-10-17
當一個網站有很多js代碼要載入,js代碼放置的位置在一定程度上將會影像網頁的載入速度,為了讓我們的網頁載入速度更快,本文總結了一下幾個注意點: 1、消極式載入js代碼 複製代碼 代碼如下: <script type=”text/javascript” src=”" id=”my”></script> <script type=”text/javascript”>
Time of Update: 2013-10-17
在做ajax頁面無重新整理添加的時候,IE下遭遇Ajax緩衝,因為剛開始並不知道IE有這個壞毛病,折騰好久,終於解決問題。 總結一下解決辦法: 在IE下用Ajax請求某一頁面,通常會因為緩衝的原因而返回上一次的結果,造成混亂,[即get方式時,擷取資料,因發送參數和地址都一致,故IE瀏覽器會從緩衝中取,而不會去請求伺服器端,而post方式因為參數的不同,不會產生這個問題]而FF下不會出現這種情況。為了不受緩衝影響,可以這樣做: IE存取原則: Internet選項--瀏覽歷程記錄--設定--