JavaScript事件驅動

事件驅動  JavaScript事件驅動中的事件是通過滑鼠或熱鍵的動作引發的。它主要有以下幾個事件:(1)單擊事件onClick  當使用者單擊滑鼠按鍵時,產生onClick事件。同時onClick指定的事件處理常式或代碼將被調用執行。通常在下列基本對象中產生:button(按鈕對象)checkbox(複選框)或(檢查列表框)radio (單選鈕)reset buttons(重要按鈕)submit buttons(提交按鈕)例:可通過下列按鈕啟用change()檔案:<Form>

JavaScript 擷取未知對象的屬性

這兩天嘗試寫個AjaxToolkit:AsyncFileUpload的Demo, 它有個OnClientUploadComplete屬性可以關聯用戶端JS, 於是可以寫OnClientUploadComplete="uploadComplete", 然後定義uploadComplete方法:1 function uploadComplete(sender, e) {2 //Do something here...3 }但是, 怎麼從e獲得上傳檔案的資訊呢?

Javascript中的單件模式

後台開發的童鞋應該會曉得“單件模式”,撇開具體的實現方式通俗說就是“一個類有且只有一個實體”.在c#裡面習慣用"類X.Instance"來引用類X的單件,而且不能用new關鍵字建立其他實體。在JS裡面,單件模式是隨處可見隨手可得,匿名對象(又名:列舉對象)本身就是單件。Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->var obj={

Javascript最佳實務-應用Module Pattern>盡量減少全域變數

在基於Html的應用中,js的全域變數比較邪惡,一來容易與別人的js代碼或js架構產生衝突,二來影響頁面效能。兩年前Levin曾經看到過Douglas Crockford(http://www.crockford.com/)提到的module pattern of javascript,利用這種代碼模式可以最低限度的減少全域變數汙染dom上下文,後來Yahoo的js架構YUI便採用了這種模式。Levin當然也不例外,並在原先的module

JavaScript與網頁效能

JavaScript的載入和運行,對網頁的效能有至關重要的作用。通常我們會採取以下方式來最佳化指令碼:1、將指令碼放在頁面底部。JavaScript有阻塞的特徵,當JavaScript運行時其他的事情不能被瀏覽器處理。大部分老版本瀏覽器是不允許JavaScript並行下載的。雖然IE8,Firefox3.5,Safari4,Chrome2允許並行下載JavaScript檔案,但仍然要阻塞其他資源的下載過程,例片。即使指令碼之間的下載過程互不阻塞,頁面仍然要等待所有JavaScript代碼下載並執

JavaScript 常見基礎問題一

1、JavaScript:window.onload操作//JavaScript:window.onload操作 function first() { alert('first');}function second() { alert('second');}window.onload = first;window.onload = second;//只會執行第二個window.onload;//不過可以通過以下方法來進行改進: window.onload = function(){

javascript提供前進、後退功能

提供前進、後退功能 < form > < input type='button' value='<-' onclick='history.go(-1) > < input type='button' value='->' onclick='history.go(1) > < /form

javascript去除字串空格的函數

//下面此方法是去除字串中所有的空格   replace(,)第一個參數是Regex。如果是字串則匹配str中子串

常用的100個 JavaScript 文法

1.JS輸出語句:document.write("")  2.JS中的注釋為://  3.傳統的HTML文檔順序是:document->html->(head,body)  4.一個瀏覽器視窗中的DOM順序是:window->(navigator,screen,history,location,document)  5.得到表單中元素的名稱和值:document.getElementById("表單中元素的ID號").name(或value)  6.一個小寫轉大寫的JS:  d

Javascript 自訂數組排序

<html> <head> <title>測試</title> <meta http-equiv="content-type" content="text/html;chaset=UTF-8"/> </head> <body> <script> function createComparisonFunction(propertyName){ return

通過jQuery源碼學習javascript(二)通過jQuery源碼學習javascript(一)

 序   昨天寫了篇通過jQuery源碼學習javascript(一),裡面有一個定義對象C的方法,我早期也沒有太注意這個方面的技術細節。後來我查了一下資料,發現裡面有很多巧的地方。今天與大家分享。 巧妙1:函數   在javascript代碼中函數是個不可多得的人才。     它可以歸置程式碼片段,封裝相對獨立的功能。     它也可以實作類別,注入OOP思想。  jQuery就是一個函數,你也可以把它當成類(呵呵,本身就是類)。  (function(){ var jQuery =

javascript 雜談之哪種寫法你更喜歡?

 思維導圖   介紹 老是在寫js,你平時是怎麼寫你的js呢?更喜歡哪種方式呢? 今天就把常見的跟大家嘮叨嘮叨。——年紀大了,就這一愛好(平時也喜歡說胡話),別閑我煩!  直接初始化法  優點:1、userData本身就是對象執行個體。——上來就執行個體化一個類出來,也不怕瀏覽器受不了。2、代碼緊湊。3、編程效率高。缺點:1、代碼的重用性比較差。2、不符合物件導向的編程思路。——設計模式這種玩意,經常是在類上,弄來弄去。這種直接在對象上使用,夠嗆!總結:應避免使用該方法建立自訂對象。使用案例: 

Javascript 風格嚮導(續)

序   我好長時間沒有在推薦欄裡出現了,看來上一篇反響不錯,故再續上篇。 Properties  • 當訪問屬性的時候,我們使用點(.)操作符。var luke = { jedi: true, age: 28};// badvar isJedi = luke['jedi'];// goodvar isJedi = luke.jedi; • 當以變數的方式訪問屬性的時候,用下標符號([])。——除非特殊需求,否則盡量避免使用obj[variable]的方式進行屬性訪問。var luke = {

JSNinja-《Eloquent Javascript》讀書筆記

朋友推薦的一本書(http://eloquentjavascript.net/),趁最近不忙看了下。總的來說這本書一般吧,不大適合JS入門讀者,因為裡面的例子比較敗筆,比較學術性不夠生動和切符實際工作應用。對於JS的書,個人還是推薦《head first javascript》~事實上據說head first那系列的書都還不錯。每本書總有其可取之處的,如果你計劃也看這本書,或許你直接過一下我的筆記好了。。。註:英文為原文,中文為我的注釋。沒有英文的中文是我直接翻譯過來的。 1,There

Javascript實踐-去除數組的重複元素

在js中,如何去除指定數組中的重複元素?這個是xx.com web前端開發的一道題,LEVIN當時知道要做題的時候,本來想直接走人的,後來想想算了,既然是朋友介紹的,總不能耍大牌。現在在這裡順便扯扯對面試做題的看法,評論裡面保留大家的發言權利哈哈。其實我討厭做題和討厭應試教育一樣,這種東東某種程度上可以檢驗某個人咋地咋地,但在很大程度上過於形式。要真正看一個人怎麼樣,看看他之前做過的作品,或者直接讓他做幾道上機題還好點。當時抱著這樣一種心態,試題自然草草做了一遍。。。現在想想那些題目,很簡單的,

JSNinja-《Eloquent Javascript》讀書筆記2-事件和HTTP Request

朋友推薦的一本書(http://eloquentjavascript.net/),趁最近不忙看了下。總的來說這本書一般吧,不大適合JS入門讀者,因為裡面的例子比較敗筆,比較學術性不夠生動和切符實際工作應用。對於JS的書,個人還是推薦《head first javascript》~事實上據說head

JavaScript Array 對象擴充方法

/** 刪除數組中指定索引的資料 **/Array.prototype.deleteAt = function (index) { if (index < 0) { return this; } return this.slice(0, index).concat(this.slice(index + 1, this.length));}/** 數組洗牌 **/Array.prototype.random = function () { var

JavaScript String 對象擴充方法

/** 在字串末尾追加字串 **/String.prototype.append = function (str) { return this.concat(str);}/** 刪除指定索引位置的字元,索引無效將不刪除任何字元 **/String.prototype.deleteCharAt = function (index) { if (index < 0 || index >= this.length) { return this.valueOf();

拖動表列改變table的列寬度(JavaScript指令碼實現)

拖動表列改變table的列寬度,用JavaScript指令碼實現,在項目中正好用到,收藏!見下面代碼。。。<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style>.resizeDivClass{position:relative;background-color:red;width:2;z-index:1;left:express

【記錄】Javascript擷取Dom元素位置

有時候項目中會用到用js擷取元素位置來定位元素,其實也很簡單DOM的定義如 擷取元素的位置屬性可以通過HTMLElement.offsetLeftHTMLElement.offsetTop但是,這兩個屬性所儲存的數值並不是該元素相對整個瀏覽器畫布的絕對位置,而是相對於其父元素位置的相對位置,也就是說這兩個數值得到的是以其

總頁數: 3271 1 .... 403 404 405 406 407 .... 3271 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.