本文並沒有像標題說的那樣,真正阻止事件元素的子項目冒泡...只是在子項目冒泡到事件元素處時進行了一個判斷,判斷是否要觸發事件,哦...不對 應該是是否要運行事件函數中的相關操作...首先你可以猛戳這裡: 問題的出現 註:jquery中的mouseover/out事件也有此問題解決方案一:在ie下有mouseenter 與 mouseleave事件來替代mouseover 和
本文執行個體講述了javascript順序載入圖片的方法。分享給大家供大家參考。具體如下:javascript監聽一個圖片是否載入完畢 如果載入完成再載入下一張,不是一次性從伺服器載入 減少伺服器壓力, 可用到的地方:比如製作類似google地圖的應用,可以使小圖一張一張的載入function Load_pic(arr){ this.loop_f=function(i,o_file,len,f,obj){ if(i<len-1){ i=i+1;
本文執行個體講述了javascript字串迴圈匹配的方法。分享給大家供大家參考。具體如下:採用exec和String.match方法,對於exec必須開啟全域匹配g標識才能擷取所有匹配// 需要提取這種資料 <td>2012-12-17</td><td>11:02 , 12:25 , 13:22 , 15:06 , 15:12 , 19:22 , 23:47</td>var rawData = '<table><th align=
有時候我們想在非a標籤上加hover元素 但是我們都知道IE6下不支援XX:hover,所以我們現在可以用js實現掉:代碼如下<!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&
先說null,它表示一個特殊值,常用來描述“空值”。對null執行typeof運算,結果返回字串“object”,也就是說,可以將null認為是一個特殊的對象值,含義是“非對象”(感覺怪怪的)。實際上,通常認為null是它自有類型的唯一一個成員,它可以表示數字、字串和對象是“無值”的。 JavaScript還有第二個值來表示值的空缺,就是undefined啦,用未定義的值表示更深層次的“空值”。undefined出現有4種情況:①變數聲明但沒有初始化時②要查詢的對象屬性或數組的元素不存在時
這裡僅僅是一個簡單代碼demo,因為時間問題並未做深入研究,因為今天做項目時要用到阻止事件冒泡的內容,找了好多才找到一個可以使用的,特記錄之。<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>阻止事件冒泡</title> <script
javascript擷取重複次數最多的字元/** 取出字串中重複字數最多的字元*/var words = 'sdfghjkfastgbyhnvdstyaujskgfdfhlaa'; //建立字串var word, //單個字元 length; //該字元的長度//定義輸出對象var max = { wordName : '',
JavaScript函數調用分為4中模式:1. 方法調用模式:即對象包含方法屬性,Obj.methodName()或者Obj[methodName]()。2. 函數調用模式:即methodName()。3. 構造器調用模式:即new MethodName()。4.
1:方法調用模式var myObj = {//對象字面量 param1: 1, param2: 2, sum: function (){//this關鍵字只帶當前的對象return this.result = this.param1 + this.param2; }}myObj.sum(); //=>32:函數調用模式var add = function(a, b){ return a + b;}//函數調用模式add(1,2); //=>3還可以function add(
javascript數組排序匯總//排序演算法 window.onload = function(){ var array = [0,1,2,44,4, 324,5,65,6,6, 34,4,5,6,2, 43,5,6,62,43, 5,1,4,51,56, 76,7,7,2,1, 45,4,6,7,8]; //var array = [4,2,5,1,0,3];
去年2048很火, 本來我也沒玩過, 同事說如果用JS寫2048 只要100多行代碼; 今天試了一下, 邏輯也不複雜, 主要是資料建構函式上的資料的各種操作, 然後通過重新渲染DOM實現介面的更新, 整體不複雜, JS,css,和HTML合起來就300多行; 介面的產生使用了underscore.js的template方法, 使用了jQuery,主要是DOM的選擇和操作以及動畫效果,事件的綁定只做了PC端的相容,只綁定了keydown事件; 把代碼放到github-page上,
許多製作網頁的朋友常常製作公告板、資訊窗,也經常為了實現整版頁面和映像的滾屏顯示而煩惱,不用著急,這裡有一個簡單的方法來實現滾屏顯示。我們沒有採用Java的.class程式來實現,也不是動態DHTML語言,只是充分地利用了JavaScript指令碼語言的一些函數,寫一些簡短的JavaScript指令碼語言就可實現這一功能。 原代碼如下: <html> <head> <script language="Javascript"> <!-
天天看到別人玩連連看, 表示沒有認真玩過, 不就把兩個一樣的圖片串連在一起麼, 我自己寫一個都可以呢。 使用Javascript寫了一個, 託管到github, 線上DEMO地址查看:開啟 最終的效果圖: 寫連連看之前要先考慮哪些呢? 1:如何判斷兩個元素可以串連呢, 剛剛開始的時候我也納悶, 可以參考這裡:開啟; 2:模板引擎怎麼選擇呢, 我用了底線庫的template,因為文法簡單。 本來想用Handlebars,但是這個有點大啊, 而且底線庫也提供很多常用工具方法(
我們一般都用Marquee標籤控制元素的滾動。但是單向的Marquee滾動是不連續的,每滾完一幕,就會出現一次空白。而下面介紹中的滾動則是連續的,毫不間斷。 下面為你介紹這是如何?的。 為了滾動能夠“連續”,我們需要將字幕的內容複寫多遍,直到內容的高度不小於滾動區高度的兩倍。然後我們將溢出的捲軸隱藏掉,用代碼控制捲軸向下移動(這時內容將向上移動)。當捲軸滾動到最下方時,理論上不能再往下滾動了,於是我們立刻調整捲軸,將它向上滾動到一個和當前畫面一樣的位置。結果我們看到的就是連續的滾動了。呵呵,
俄羅斯方塊這個遊戲也做了移動端的相容, 這個遊戲痛點是怎麼翻轉方塊, 自己實現的方式是把方塊放到一個二維數組, 然後逆時針旋轉二維數組。 也有別的方法,比如直接用一個全域變數代表一個方向, 翻轉的時候根據這個變數轉動方塊, 但是代碼要寫更多。 在文庫搜尋到了一篇關於演算法的文章, ....看著好心塞: 遊戲截圖PC端: 遊戲截圖移動端: 模板引擎用了HandlebarsJS, 為了更好的模組化,也用了requireJS....沒用好;運行下面代碼var cfg = {
js數組元素的添加和刪除一直比較迷惑,今天終於找到詳細說明的資料了,先給個我測試的代碼^-^var arr = new Array();arr[0] = "aaa";arr[1] = "bbb";arr[2] =
運算子優先順序JavaScript中的運算子優先順序是一套規則。該規則在計算運算式時控制運算子執行的順序。具有較高優先順序的運算子先於較低優先順序的運算子執行。例如,乘法的執行先於加法。下表按從最高到最低的優先順序列出JavaScript運算子。具有相同優先順序的運算子按從左至右的順序求值。 運算子 描述 . [] () 欄位訪問、數組下標、函數調用以及運算式分組 ++ -- - ~ ! delete
本文執行個體講述了javascript實現的多個層轉場效果通用函數。分享給大家供大家參考。具體實現方法如下:function ChangeDiv(tagId,tagName,divId,divName,zDivCount,tagclass,divclass) {for(i=0;i<=zDivCount;i++)
物體運動原理:通過改變物體的位置,而發生移動變化。方法:1.運動的物體使用絕對位置 2.通過改變定位物體的屬性(left、right、top、bottom)值來使物體移動。例如向右或左移動可以使用offsetLeft(offsetRight)來控制左右移動。步驟:1、開始運動前,先清除已有定時器
函數幾個要點: a).函數是javascript中的一等公民 (重要性)