單擊某一段文字改寫文本顏色

說明: 單擊某一段文字,改文字變為紅色,再次單擊之後,文字又變回黑色。 複製代碼 代碼如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>jquery test</title> <script src="jquery-1.11.1.min.js"></script> <style type="text/css">

按鈕接受斷行符號事件的三種實現方法

方法一: 複製代碼 代碼如下: <script type="text/javascript" event="onkeydown" for="document"> if(event.keyCode==13) { var button=document.all("<%=ButtonAddorUpdate.ClientID %>"); button.focus(); button.click(); } </script> 方法二: 複製代碼 代碼如下:

JavaScript代碼編寫中各種各樣的坑和填坑方法

坑”這個字,在此的意思是“陷阱”。由於 JavaScript “弱語言”的性質,使得其在使用過程中異常的寬鬆靈活,但也極為容易“中招”。這些坑往往隱藏著,所以必須擦亮雙眼,才能在學習與應用 JS 的道路上走的一帆風順。一、全域變數JavaScript 通過函數管理範圍。在函數內部聲明的變數只在這個函數內部,函數外面不可用。另一方面,全域變數就是在任何函數外面聲明的或是未聲明直接簡單使用的。“未聲明直接簡單使用”,指的是不用 var

javascript中的throttle和debounce淺析

throttle我們這裡說的throttle就是函數節流的意思。再說的通俗一點就是函數調用的頻度控制器,是連續執行時間間隔控制。主要應用的情境比如:1.滑鼠移動,mousemove 事件2.DOM 元素動態定位,window對象的resize和scroll 事件有人形象的把上面說的事件形象的比喻成機關槍的掃射,throttle就是機關槍的扳機,你不放扳機,它就一直掃射。我們開發時用的上面這些事件也是一樣,你不鬆開滑鼠,它的事件就一直觸發。例如:複製代碼 代碼如下:var resizeTimer=

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> <title>jQuery實現購物車多物品數量的加減+總價計算</title&

Javascript中的非同步編程規範Promises/A詳細介紹

Javascript裡非同步編程逐漸被大家接受,先前大家一般通過回調嵌套,setTimeout、setInterval等方式實現,代碼看起來非常不直觀,不看整個代碼邏輯很難快速理解。Javascript裡非同步函數大概有I/O函數(Ajax、postMessage、img load、script

Node.js中對通用模組的封裝方法

在Node.js中對模組載入和執行進行了封裝,使得模組檔案中的變數在一個閉包中,不會汙染全域變數,和他人衝突。前端模組通常是我們開發人員為了避免和他人衝突才把模組代碼放置在一個閉包中。如何封裝Node.js和前端通用的模組,我們可以參考Underscore.js 實現,他就是一個Node.js和前端通用的功能函數模組,查看代碼:複製代碼 代碼如下: // Create a safe reference to the Underscore object for use

jquery統計使用者選中的複選框的個數

複製代碼 代碼如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>jquery test</title> <script src="jquery-1.11.1.min.js"></script> </head> <body> <input type="checkbox" name="check"

jquery 隱藏與顯示tr標籤範例程式碼

廢話少說 直接上代碼 代碼是程式員交流的最好方式 哈哈: 複製代碼 代碼如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath =

js中的hasOwnProperty和isPrototypeOf方法使用執行個體

hasOwnProperty:是用來判斷一個對象是否有你給出名稱的屬性或對象。不過需要注意的是,此方法無法檢查該對象的原型鏈中是否具有該屬性,該屬性必須是對象本身的一個成員。isPrototypeOf:是用來判斷要檢查其原型鏈的對象是否存在於指定對象執行個體中,是則返回true,否則返回false。複製代碼 代碼如下:function

Javascript動態引用CSS檔案的2種方法介紹

最近做一個項目,需要javascript動態插入樣式,結果以前的方法失效了!查了2個小時的原因竟然是自己手賤,這個最後再說!javascript插入樣式在前端開發中應用比較廣泛,特別是在修改前端表現和頁面換膚的時候。最近做的這個任務是使用者在別人的網站上點擊一個按鈕,就會在別的網站頁面下插入一個指令碼,執行,這其中包含了樣式的插入。一般情況下javascript動態插入樣式有兩種,一種頁面中引入外部樣式,在<head>中使用<link>標籤引入一個外部樣式檔案,另一種是在

使用GruntJS構建Web程式之合并壓縮篇

有如下步驟:1.建立項目Bejs2.建立檔案package.json3.建立檔案Gruntfile.js4.命令列執行grunt任務 一、建立項目Bejs源碼放在src下,該目錄有兩個子目錄asset和js。js下放selector.js和ajax.js,這在上一篇已經講了如何合并壓縮它們。這篇只關注asset目錄,asset目錄下放了一些圖片和css檔案。一會會把兩個css資源reset.css和style.css合并,壓縮到dest/asset目錄。一個合并版本all.css,一個

javascript擷取隱藏元素(display:none)的高度和寬度的方法

js擷取可見元素的尺寸還是比較方便的,這個可以直接使用這個方法:複製代碼 代碼如下:function getDefaultStyle(obj,attribute){ // 返回最終樣式函數,相容IE和DOM,設定參數:元素對象、樣式特性 return

js實現的標題列新訊息閃爍提示效果

公司的項目中用到了這個新訊息提示的效果,主要用於提示使用者有新訊息。具體實現代碼如下:複製代碼 代碼如下:var newMessageRemind = {    _step: 0,    _title: document.title,    _timer: null,    //顯示新訊息提示    show: function() { 

javascript隨機之洗牌演算法深入分析

洗牌演算法是我們常見的隨機問題,在玩遊戲、隨機排序時經常會碰到。它可以抽象成這樣:得到一個M以內的所有自然數的隨機順序數組。在百度搜“洗牌演算法”,第一個結果是《百度文庫-洗牌演算法》,掃了一下裡面的內容,很多內容都容易誤導別人走上歧途,包括最後用鏈表代替數組,也只是一個有限的最佳化(鏈表也引入了讀取效率的損失)。該文裡的第一種方法,可以簡單描述成:隨機抽牌,放在另一組;再次抽取,抽到空牌則重複抽。“抽到空牌則重複抽”這會導致後面抽到空牌的機會越來越大,顯然是不合理的。可以最佳化一步成:牌抽走後

jquery數組過濾篩選方法grep()簡介

jquery中有個grep()方法用於數組元素過濾篩選,悲劇的是,平時我們用的api文檔中找不到這個說明。查看官方說明:http://api.jquery.com/jQuery.grep/grep()的使用方法:grep(array,callback,invert)array:待過濾數組;callback:處理數組中的每個元素,並過濾元素,該函數中包含兩個參數,第一個是當前數組元素的值,一個是當前數組元素的下標,即元素索引值。此函數應返回一個布爾值。另外,此函數可設定為一個字串,當設定為字串時,

關於JavaScript命名空間的一些心得

最近重構東西,碰到命名空間的設定,搜了一些知識,請教了一些高手,把自己的心得寫下來相信大家都知道,window是頂級的,這裡就不寫window了,先忽略1:關於頂級複製代碼 代碼如下:var ns = ns || {};可以看到,其實就是如果發現沒有這個對象,就自動建立new Object();如果有,就直接使用這個對象,這樣就不會覆蓋。2: 第二級,當然也可以在頂級的ns下建立第二級,即複製代碼 代碼如下:ns.ModuleClass =

ECMAScript6的新特性箭頭函數(Arrow Function)詳細介紹

箭頭函數是ECMAScript 6最受關注的更新內容之一。它引入了一種用「箭頭」(=>)來定義函數的新文法,它…它碉堡了~。箭頭函數與傳統的JavaScript函數主要區別在於以下幾點:1.對 this 的關聯。函數內建 this 的值,取決於箭頭函數在哪兒定義,而非箭頭函數執行的上下文環境。2.new 不可用。箭頭函數不能使用 new 關鍵字來執行個體化對象,不然會報錯。3.this 不可變。函數內建 this

javascript寫的非同步載入js檔案函數(支援數組傳參)

自己用的載入js檔案,支援多檔案,不相容ie複製代碼 代碼如下:/** * 載入js檔案 * @param  {string || array}   url   js路徑 * @param  {Function} fn      載入完成後回調 * @return

用js替換除數字與逗號以外的所有字元的代碼

用js替換除數字與逗號以外的所有字元複製代碼 代碼如下:<script language="javascript">  var str="asdfk,asdf345345,345345"; //替換除數字與逗號以外的所有字元。str=str.replace(/[^0-9,]*/g,""); //去掉第一個逗號if (str.substr(0,1)==',') str=str.substr(1);//去掉第二個逗號var reg=/,$/gi;

總頁數: 3271 1 .... 2732 2733 2734 2735 2736 .... 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.