Time of Update: 2017-01-19
如果你也正準備在這方面提升自己網站的使用者體驗,下面為你準備了33個JavaScript自動完成指令碼,當然還包括用Jquery實現的。1. Proto!TextboxList (示範地址)'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" border=0>一個使用Prototype library開發具有autocomplete功能類似於Facebook的TextboxList控制項。2. jQuery
Time of Update: 2017-01-19
諸如此類。這有一個問題,比如說在代碼中的某一行,我想使用的一個已聲明的變數x,結果由於打字或者拼字錯誤,這個變數被寫成y了,結果相當於“隱式”聲明了一個變數y,在實際編程過程中,這種錯誤有時比較難以發現。 除此之外,今天通過同事介紹,瞭解到這種“隱式聲明”中的別外一個問題。 當你在當前上下文內進行這種“隱式”聲明時,JavaScript引擎會先在當前上下文中尋找是否之前有聲明此變數,如果沒有,再到上一級的上下文中去尋找,如果一直未找到,會最後在window上聲明這個變數! 比如: 複製代碼
Time of Update: 2017-01-19
(1)聲明一個運算式變數,並定義該變數的運算式。如: 複製代碼 代碼如下: var func = function() { /*body code*/ } (2) 定義一個function運算式,並指定該運算式的標識。如: 複製代碼 代碼如下: function func() { //body code } (3) 使用JavaScript內建Function物件建構。如: 複製代碼 代碼如下: var func = new
Time of Update: 2017-01-19
1,JavaScript中函數、方法的調用 在JavaScript中,有兩種調用函數的方式。一般的方式是把參數放在括弧中,另一種方式是同時把函數和參數都放在括弧中。如: 複製代碼 代碼如下: function test(x) { alert(x); } test("hello"); (test)("hello"); //等同於下面的代碼 (function test(x) { alert(x); })("hello"); //也等同於下面的代碼 (function (x) { alert(x);
Time of Update: 2017-01-19
/*** @author hechen*/var gs = { /**獲得螢幕寬度**/ ScreenWidth: function () { return window.screen.width; }, /***獲得螢幕高度**/ ScreenHeight: function () { return window.screen.height; }, /**獲得瀏覽器***/ Browse: function () { var browser = {};
Time of Update: 2017-01-19
一般列印就用window.print();就OK了 但是一般都是選擇性列印所以會調用方法: 複製代碼 代碼如下: function preview() { bdhtml=window.document.body.innerHTML; sprnstr="<!--startprint-->"; eprnstr="<!--endprint-->"; prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
Time of Update: 2017-01-19
看代碼: HTML: 複製代碼 代碼如下: <!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: 2017-01-19
IE還有一個利器至今沒有被使用過,那就是VML。雖然比不上SVG,但它還是非常強大的。在實現漸層上,其fill還比IE的Gragient濾鏡強悍得多了。不過VML出現得比較早,只支援很少的顏色名,如red,blue,yellow,其他如orange就可以搞死它了。因此要使用VML做線性漸層,我們得對這些顏色名做一下轉換。 HTML4的顏色值black = #000000green = #008000silver = #c0c0c0lime = #00ff00gray =
Time of Update: 2017-01-19
前面的話邏輯運算子對運算元進行布爾運算,經常和關係運算子一樣配合使用。邏輯運算子將多個關聯運算式組合起來組成一個更複雜的運算式。邏輯運算子分為邏輯非'!'、邏輯與'&&'、邏輯或'||'3種,本文將介紹這三種邏輯運算子邏輯非邏輯非操作符由一個歎號(!)表示,可以應用於ECMAScript中的任何值。無論這個值是什麼資料類型,這個操作符都會返回一個布爾值。邏輯非操作符首先會將它的運算元轉換成一個布爾值,然後再對其求反邏輯非對運算元轉為布爾類型的轉換類型與Boolean()轉型函數相同,只不過最後再
Time of Update: 2017-01-19
它返回一個對象,其中包含了left、right、top、bottom四個屬性,分別對應了該元素的左上方和右下角相對於瀏覽器視窗(viewport)左上方的距離。 所以,網頁元素的相對位置就是 var X= this.getBoundingClientRect().left; var Y =this.getBoundingClientRect().top; 再加上滾動距離,就可以得到絕對位置 var X=
Time of Update: 2017-01-19
前面的話 布爾值Boolean類型可能是三種封裝對象Number、String和Boolean中最簡單的一種。Number和String對象擁有大量的執行個體屬性和方法,Boolean卻很少。從某種意義上說,為電腦設計程式就是與布爾值打交道,作為最基本的事實,所有的電子電路只能識別和使用布爾資料。本文將介紹布爾Boolean類型定義 布爾Boolean類型表示邏輯實體,它只有兩個值,保留字true和false,分別代表真和假這兩個狀態 Boolean封裝類型是與布爾值對應的參考型別,在布林
Time of Update: 2017-01-19
前面的話前面已經介紹過javascript中Regex的基礎文法。javascript的RegExp類表示Regex,String和RegExp都定義了方法,使用Regex可以進行強大的模式比對和文本檢索與替換。本文將介紹Regex的RegExp對象,以及Regex涉及到的屬性和方法對象javascript中的Regex用RegExp對象表示,有兩種寫法:一種是字面量寫法;另一種是建構函式寫法Perl寫法Regex字面量寫法,又叫Perl寫法,因為javascript的Regex特性借鑒自Per
Time of Update: 2017-01-19
代碼如下,簡單實用。因為需要用到這個東西,所以很無恥的拾人牙慧,收藏一下。<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標題文檔</title><script type="text/javascript"> function doPrint() {
Time of Update: 2017-01-19
在項目裡碰到需要把類似'450000'的數字轉換為會計記賬所用的格式,'450,000.00',分隔千分位和小數點後不夠兩位元時自動補齊,已下記錄幾種實現的方式ps:如果不考慮後面的小數點,最快捷的方法:"12345678".replace(/[0-9]+?(?=(?:([0-9]{3}))+$)/g,function(a){return a+','}); //輸出 12 345 6781.用迴圈的方式實現function formatNum(str){ var
Time of Update: 2017-01-19
Html代碼: 複製代碼 代碼如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document<
Time of Update: 2017-01-19
學習 jQuery 有許多途徑,我們今天從 jQuery 的 ready 函數開始。本例中的代碼都來自於 jQuery 指令碼庫。如果你使用過 jQuery , 就必然使用過 ready 函數,它用來註冊當頁面準備好之後可以執行的函數。問題來啦,我們的頁面什麼時候準備好了呢?onload 事件最基本的處理方式就是頁面的 onload 事件,我們在處理這個事件的時候,可以有多種方式,即可以通過 HTML 方式,直接寫在 body 元素的開始標記中,也可以使用事件註冊的方式來使用,這又可以分為
Time of Update: 2017-01-19
click() 對象.click() 使對象被點擊。 closed 對象.closed 對象視窗是否已關閉true/false clearTimeout(對象) 清除已設定的setTimeout對象 clearInterval(對象) 清除已設定的setInterval對象 confirm("提示資訊") 彈出確認框,確定返回true取消返回false cursor:樣式 更改滑鼠樣式 hand crosshair text wait help default auto
Time of Update: 2017-01-19
本文執行個體講述了JavaScript函數節流概念與用法。分享給大家供大家參考,具體如下:最近在做網頁的時候有個需求,就是瀏覽器視窗改變的時候需要改一些頁面元素大小,於是乎很自然的想到了window的resize事件,於是乎我是這麼寫的<!DOCTYPE html><html><head> <title>Throttle</title></head><body> <script
Time of Update: 2017-01-19
最早期的curry函數有點多態的意味,就是根據函數參數在內部選用分支: 複製代碼 代碼如下: //http://www.openlaszlo.org/pipermail/laszlo-user/2005-March/000350.html // ★★On 8 Mar 2005, at 00:06, Steve Albin wrote: function add(a, b) { if (arguments.length < 1) { return add; } else if
Time of Update: 2017-01-19
我們知道通過瀏覽器內建的innerHTML 屬性能夠擷取節點的所包含的字串的值,比如有如下節點: 複製代碼 代碼如下: <div id="test"><strong>i'm strong</strong></div> 通過 複製代碼 代碼如下: var obj=document.getElementById("test");alert(obj.innerHTML);//返回的值是<strong>i'm