event.currentTarget與event.target的區別介紹

event.currentTarget identifies the current target for the event, as the event traverses the DOM. It always refers to the element the event handler has been attached to as opposed to event.target which identifies the element on which the event

jQuery常見開發技巧詳細整理

1、關於頁面元素的引用 通過jquery的$()引用元素包括通過id、class、元素名以及元素的層級關係及dom或者xpath條件等方法,且返回的對象為jquery對象(集合對象),不能直接調用dom定義的方法。 2、jQuery對象與dom對象的轉換 只有jquery對象才能使用jquery定義的方法。注意dom對象和jquery對象是有區別的,調用方法時要注意操作的是dom對象還是jquery對象。 普通的dom對象一般可以通過$()轉換成jquery對象。

formvalidator驗證外掛程式中有關ajax驗證問題

jquery formvalidator外掛程式是不錯的國產驗證外掛程式了,做點普通的校正也是很方便的,但最近遇到個問題,發現如果表單整個表單是AJAX提交時,就不能按傳統的做法了,比如: 複製代碼 代碼如下: $ajax.post("...............") $.formValidator.initConfig({formID:"applyForm",onError:function(msg){alert(msg)}});

JS開啟圖片另存新檔對話方塊實現代碼

單擊按鈕開啟圖片另存新檔對話方塊的樣本如下複製代碼 代碼如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""

Javascript 載入和執行-效能提高篇

Js的阻塞性 Javascript 在瀏覽器中的效能問題,可能是最重要的可用性問題 Js的阻塞性 瀏覽器用單一進程來處理UI進程和Js的執行 不管是內嵌的還是外鏈的,下載並立即執行 因為它有可能會修改頁面 頁面生存周期的概念 瀑布圖中看到了下載時間和executing time 在head中加入script 和link body載入到前不會輸出任何東西,因此會看到空白頁面 複製代碼 代碼如下: <script type="text/javascript">

JS限制上傳圖片大小不使用控制項在本地實現

檔案上傳之前的檢測,通常是通過檔案名稱來判斷檔案類型是否合法,但是要想檢測檔案的大小很難辦到,除非在本地或者使用控制項。使用JS可以輕鬆解決詞問題,js在上傳圖片前判斷大小 這個可以用javascript實現,效果...//允許上傳圖片檔案的大小 具體代碼如下  複製代碼 代碼如下: <script language=javascript> var ImgObj=new Image(); //建立一個映像對象 var AllImgExt=".jpg|.jpeg|.gif|.

TextArea設定MaxLength屬性最大輸入值的js代碼

標準的DHTML文檔中TEXTAREA的MAXLENGTH屬性預設情況下不起作用,只有當事件發生時才起作用 如下:http://spiderscript.net/site/spiderscript/examples/ex_textarea_maxlength.asp 但TEXT中有且起作用<input type="text" maxlength="20">, 那麼在TEXTAREA中怎麼實現輸入內容不能超過多少個字元呢。 方法1、如果只需要截取多少個字元的內容,則可以: 複製代碼

自己寫的相容ie和ff的線上文字編輯器類似ewebeditor

怎麼說呢,剛包完夜吧,應該很累了,但現在仍有力氣敲打著這些字元,看來我還沒有到此為止啊。 廢話少說,最近寫了個線上的編輯器,類似ewebeditor那樣的,當然沒有人家那麼強大,但是準系統都有,而且還是相容ie和ff的,為此我也花了不少功夫,還是趕緊把代碼祭出來吧 demo.html: 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/

jquery限制輸入字數,並提示剩餘字數實現代碼

複製代碼 代碼如下: <!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"

javascript仿qq介面的摺疊菜單實現代碼

最近一直在研究網頁特效,看到qq介面的摺疊菜單,於是冒出個想法,自己寫一個類似的,上網查了一下,發現已經有不少類似的菜單效果,不管那麼多,先寫著再說吧. 以下是html結構: <div id="a"><div id="h1">sdfds</div><div id="b1">dsfdsfsdfsd</div><div id="h2">dsf</div><div id="b2">dsfdsfsdf<

使用透明效果來自訂檔案上傳按鈕控制項樣式

upload... 上傳 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行] 1、在比較舊的瀏覽器中(比如IE9及以下,不支援 fileAPI,不支援 XMLHttprequest level2 只能用表單post檔案)上傳圖片時,只能使用 表單 post,處於安全上的考慮,input[type="file"] 的檔案選擇按鈕樣式並不能隨意修改(不過可以修改input 的透明度),可能會跟設計師的設計格格不入,這時可以使用透明效果來自訂上傳按鈕。

js 操作select和option常用代碼整理

1、擷取選中select的value和text,html代碼如下: 複製代碼 代碼如下: <select id="mySelect"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </select>

IE不支援getElementsByClassName最終完美解決方案

目前可以這麼解決,判斷瀏覽器支不支援這個方法,如果支援就不管;如果不支援,就在document對象裡加入getElementsByClassName這個方法,這樣的寫法有一個好處,即不管有沒有原生函數你都不用去修改代碼。

如何讓頁面在開啟時自動重新整理一次讓圖片全部顯示

複製代碼 代碼如下: <script> function window.onload(){ if(location.href.indexOf('#reloaded')==-1){ location.href=location.href+"#reloaded" location.reload() } } </script> <iframe src="/"></iframe> -------------------------------------

解決jquery非同步按一定的時間間隔重新整理問題

我想將一個網頁上的圖片按一定的時間間隔重新整理,不改變圖片的名稱,我在伺服器端改變圖片的內容,這樣前端可不可以實現動態效果呢?瀏覽器會不會有緩衝呢? 比如我要將下邊這個圖片非同步重新整理,應該怎麼做呢? 複製代碼 代碼如下: <img id=”image” width=640 height=480 src= /> 解決方案是加時間戳記防止緩衝,如下: 複製代碼 代碼如下: <img id=”image” width=640 height=480 src='xxx.jpg' /

JavaScript中valueOf函數與toString方法深入理解

JavaScript中valueOf函數方法是返回指定對象的原始值。使用方法: object.valueOf( )object是必選項參數是任意固有 JScript 對象。 每個JavaScript固有對象的 valueOf 方法定義不同。 對象傳回值Array數組的元素被轉換為字串,這些字串由逗號分隔,串連在一起。其操作與 Array.toString 和 Array.join 方法相同。BooleanBoolean 值。Date儲存的時間是從 1970 年 1 月 1 日午夜開始計的毫秒數

javascript object array方法使用詳解

Array.prototype.push push向數組尾部添加一項並更新length ,返回數組長度。 如果Object使用push會怎樣? 看下面代碼, obj好像數組一樣工作了。length會自動更新。 複製代碼 代碼如下: var push = Array.prototype.push; var obj = {}; push.call(obj, "hello"); // 傳回值 1 // obj {"0":"hello", length:0} push.call(obj, "world"

將游標定位於輸入框最右側實現代碼

前端開發過程中,經常需要這樣的情境。用JS實現將游標定位於輸入框最右側。情境一:編輯圖片的標題文字情境二:Script.aculo.us的Ajax.InPlaceEditor類。雙擊可編輯,編輯後離開可自動更新該地區。以上情境都需要JS實現將游標定位於輸入框最右側,卻不是通過滑鼠點入輸入框內。我們知道實現最基本的方法是HTMLElement的focus方法。如下複製代碼 代碼如下: <p> <input type="text" value="hello"/>

js+JQuery返回頂部功能如何?

很多網站上都有返回頂部的效果,本文闡述如何使用jquery實現返回頂部按鈕。 首先需要在頂部添加如下html元素: <p id="back-to-top"><a href="#top"><span></span>返回頂部</a></p>其中a標籤指向錨點top,可以在頂部防止一個<a name="top"></a>的錨點,這樣在瀏覽器不支援js時也可以實現返回頂部的效果了。

無縫滾動改進版支援上下左右滾動(封裝成函數)

複製代碼 代碼如下:<!DOCTYPE HTML><html lang="en-US"><head>    <meta charset="UTF-8">    <title>無縫滾動——上下</title>    <style type="text/css">   

總頁數: 3271 1 .... 3196 3197 3198 3199 3200 .... 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.