javascript進階程式設計第二版第十二章事件要點總結(常用的跨瀏覽器檢測方法)

複製代碼 代碼如下: var EventUtil={ //跨瀏覽器處理常式---建立方法 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListneter(type,handler,false); }else if(element.attachEvent){ element.attachEvent("on"+type,handler); }else{

jquery動畫3.建立一個帶遮罩效果的圖片走廊

複製代碼 代碼如下: #frame { position: relative; width: 700px; height: 400px; overflow: hidden; z-index: 0; } #frame img { width: 700px; height: 400px; position: absolute; top: 0; left: 0; z-index: 1; } #frame img.visible { z-index: 2; } #frame a { display:

基於jquery的點選連結插入連結內容的代碼

點選連結插入連結內容。 亮點:   1.正則匹配<a>標記。   2.jQuery單擊添加,雙擊刪除。   3.textarea加入換行。 核心代碼: 複製代碼 代碼如下: <!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

js jquery數組介紹

1.數組的建立 var arr=new Array(); 2.尋找數組中的元素 複製代碼 代碼如下: for(var i=0;i<arr.length;i++) if(arr[i]==temp) return true; 3.下面比較一下Array和Object的特性: Array: 建立:var ary = new Array(); 或 var ary = []; 增加:ary.push(value); 刪除:delete ary[n]; 遍曆:for ( var i=0 ; i

js分解url參數(物件導向-極簡主義法應用)

修改前: 複製代碼 代碼如下: <script type="text/javascript"> var url="www.taobao.com?key0=a&key1=b&key2=c"; function parseQueryString(url){ var str=url.split("?")[1], items=str.split("&"); var arr,name,value; for(var i = 0, l = items.length; i < l; i++){

JS多物體 任意值 鏈式 緩衝運動

複製代碼 代碼如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" charset="utf-8" /> <meta http-equiv="content-type" content="text/html" /> <title>demo</title> </head> <style

Js四則運算函數代碼

複製代碼 代碼如下: //除法函數,用來得到精確的除法結果 //說明:javascript的除法結果會有誤差,在兩個浮點數相除的時候會比較明顯。這個函數返回較為精確的除法結果。 //調用:accDiv(arg1,arg2) //傳回值:arg1除以arg2的精確結果 function accDiv(arg1,arg2){ var t1=0,t2=0,r1,r2; try{t1=arg1.toString().split(".")[1].length}catch(e){} try{t2=arg2.

IE事件對象(The Internet Explorer Event Object)

看下面的例子, 複製代碼 代碼如下:   var btn = document.getElementById('mybtn');   btn.onclick = function(){     var event = window.event;     alert(event.type);//"click"   }   此時,event對象來源於window.event對象,並且之後又用於確定事件類型。然而,當eventHandler

js點擊頁面其它地方將某個顯示的DIV隱藏

實現也很簡單,但需要注意的是,在點擊顯示的事件中,需要做阻止事件冒泡的處理,否則就觸發頁面的點擊事件了。但這樣做也有一個缺點,即如果同一個頁面中如果也有事件阻止冒泡,則不能隱藏DIV,所以在這樣的事件中需要特殊處理下:自己調用隱藏下DIV(但正常來說這樣的事件並不多); JS: 複製代碼 代碼如下: $(document).ready(function() { //語言頭部的點擊事件,顯示語言列表 $(".language_selected").click(function(e) {

jquery 實現表單驗證功能代碼(簡潔)

1. 頁面效果,自動提示驗證資訊... 2. 頁面代碼 複製代碼 代碼如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>表單驗證頁面</title> <link href="../Scripts/themes/default/easyui.css" rel="stylesheet" type="text/css" /> <script

javascript學習筆記(一) 在html中使用javascript

1.延時指令碼啟動並執行方法: 方法一:把全部javascript引用放在<body>元素中,頁面內容後,如 複製代碼 代碼如下: <html> <head> <title>樣本1</title> </head> <body> <!--頁面內容--> <script type="text/javascript" src="example1.js"></script>

網頁原始碼保護(禁止右鍵、複製、另存新檔、查看源檔案)

1、禁止右鍵菜單 複製代碼 代碼如下: <script type="text/javascrpt" language="javascript"> //方法一 function noMenuOne() { alert('禁止右鍵菜單!'); return false; } document.oncontextmenu = noMenuOne; //方法二 function noMenuTwo() { if(event.button == 2) { alert('禁止右鍵菜單!');

javascript學習筆記(二十) 獲得和設定元素的特性(屬性)

本節html以下面的為例 複製代碼 代碼如下: <div id="myDiv" class="bd" title="我是div"> <img id="img1" /> <a id="myA" href = "http://www.baidu.com">百度</a> </div> 1.通過HTMLElement類型(對象)的屬性獲得和設定元素特性 複製代碼 代碼如下: var div = document.getElementById(

Javascript的常規數組和關聯陣列對比小結

首先我們看看數組的分類: 從數組的下標分為索引數組、關聯陣列 複製代碼 代碼如下: /* 索引數組,即通常情況下所說的數組 */ var ary1 = [1,3,5,8]; //按索引去取數組元素,從0開始(當然某些語言實現從1開始),索引實際上就是序數,一個整型數字 ary1[0]; ary1[1]; ary1[2]; ary1[3]; /* 關聯陣列,指以非序數類型為下標來存取的數組 python中稱為字典 */ var ary2 = {}; //存取時,以非序數(數字),這裡是字串

Chosen 基於jquery的選擇框外掛程式使用方法

Chosen外掛程式  http://www.jb51.net/jiaoben/38027.html複製代碼 代碼如下: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <script src="chosen/chosen.jquery.js"

Javascript 頁面模板化很多人沒有使用過的方法

從前的方式——我估計也是大多數人使用的方式 比如以下的代碼——摘自新浪首頁的一段js代碼,這種方式也是大多數人使用的方式。 上面的代碼,你看完有什麼反應?你也許會把+=這種形式改成數組的push形式,有人說push比這種字元連結要快,但是也快不了多少。 如果這種嵌入的html代碼很多,你也要這樣處理嗎?如果修改(添加或者刪除)某個html,那麼你就要不斷的翻代碼,找對應的標籤,然後在找結束標籤,你不覺得麻煩嗎?也許有人會這樣寫(這個是我早期寫的,也是我最慣於使用的方式)。

基於jquery的滑鼠拖動效果代碼

記得在之前的一個"拖動層"的隨筆中,我實現拖動,是用的一個布爾變數,判斷是否可以拖動某元素。 這兩天看了一些東西,發現不需要設這個布爾變數; 實現過程: 按下滑鼠的時候,給文檔對象(當然也可以是別的DOM對象)的移動事件綁定一個處理函數,同時也給滑鼠抬起時綁定一個解除的處理函數。 複製代碼 代碼如下: //按下滑鼠並移動時(拖動),調用的函數; function startSelection(event){ …… } //解除移動時的處理函數; function cancelSelection(

解決jquery的datepicker的本地化以及Today問題

1、本地化 可以直接負載檔案,也可以直接在script後面加入如下語句 複製代碼 代碼如下: jQuery(function ($) { $.datepicker.regional['zh-CN'] = { closeText: '關閉', prevText: '<上月', nextText: '下月>', currentText: '今天', monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月',

Javascript 鍵盤事件的組合使用實現代碼

複製代碼 代碼如下: txt1.onkeydown = function(ev){ var oevent = ev||event; if(oevent.ctrlKey && oevent.keyCode == 13){ …… } } txt1:綁定事件的對象,例如:一個文本輸入框input。 oevent:事件對象(包含事件的很多有用詳情)。 keyCode:可以擷取到鍵盤按下的索引值。例如:斷行符號鍵就是13。

基於jquery的固定表頭和列頭的代碼

複製代碼 代碼如下: <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script> <script type="text/javascript">// <![CDATA[ function FixTable(TableID, FixColumnNumber, width, height) { /// <summary> ///

總頁數: 3271 1 .... 1517 1518 1519 1520 1521 .... 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.