Time of Update: 2015-07-26
標籤: 核心代碼:/**完成一個拖拽事件由三大事件組成:*1:onmousedown:選擇元素*2:onmousemove:移動元素*3:onmouseup:釋放元素 */function drag(obj){obj.onmousedown=function(ev){var ev=ev || event;var disX=ev.clientX-this.offsetLeft;var
Time of Update: 2015-07-26
標籤:函數是一種特殊對象; 對象:屬性的集合(名-值對);函數用來初始化(用new運算子)一個建立的對象稱為建構函式。對象中當屬性是一個函數時,稱其為方法。函數體內,局部變數的優先順序高於同名的全域變數。 代碼例子: var scope = "global";
Time of Update: 2015-07-26
標籤:javascript mvc 模板Javascript中模板的核心概念是,將包含模板變數的HTML片段和Javascript對象做合并,把模板變數替換為對象中的屬性值。書中講到了幾種庫作為模板引擎,但是連結失效了,可以在這裡下載,連結:jQuery.tmpl使用方式很簡單,看一下它的說明就行了。給定一個模板,通過給它添加資料就能產生渲染好的元素節點,然後就可以將它添加到頁面中,主要使用方法如://資料var object
Time of Update: 2015-07-27
標籤:WebGL是一種3D繪表徵圖准,這種繪圖技術標準允許把JavaScript和OpenGL ES 2.0結合在一起,通過增加OpenGL ES 2.0的一個JavaScript綁定,WebGL可以為HTML5 Canvas提供硬體3D加速渲染,這樣Web開發人員就可以藉助系統顯卡來在瀏覽器裡更流暢地展示3D情境和模型了,還能建立複雜的導航和資料視覺化。
Time of Update: 2015-07-24
標籤:<html><head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>網路攝影機的調用</title></head><body> <video autoplay id="sourcevid"
Time of Update: 2015-07-22
標籤: 標準對象 在JavaScript的世界裡,一切都是對象。 但是某些對象還是和其他對象不太一樣。為了區分對象的類型,我們用typeof操作符擷取對象的類型,它總是返回一個字串: typeof 123; // ‘number‘ typeof NaN; // ‘number‘ typeof ‘str‘; // ‘string‘ typeof true; // ‘boolean‘ typeof undefined; // ‘undefined‘
Time of Update: 2015-07-19
標籤:前言 最近在翻《高效能JavaScript》這本書(2010年版 丁琛譯),感覺可能是因為瀏覽器引擎的改進或是其他原因,書中有些原本能提高效能的代碼在最新的瀏覽器中已經失效。但是有些章節的有些內容還是相當不錯的,譬如第八章編程實踐,為了方便以後的查閱,對此做個總結。失效的代碼也會在以後做更進一步的探索。避免雙重求值 這個最佳化策略很好理解,我們可能都已經不知不覺地運用在了實際的編程中:// not use thissetTimeout(‘alert("hello world")‘, 1
Time of Update: 2015-07-17
標籤:JavaScript的setTimeout與setInterval是兩個很容易欺騙別人感情的方法,因為我們開始常常以為調用了就會按既定的方式執行, 我想不少人都深有同感, 例如setTimeout(function() { alert(‘你好!‘); }, 0); setInterval(callbackFunction, 100);認為setTimeout中的問候方法會立即被執行,因為這並不是憑空而說,而是JavaScript
Time of Update: 2015-07-17
標籤:範圍和範圍鏈簡單介紹:只要是一門程式語言,那麼範圍就是一個不可逃避的問題,下面就通過執行個體簡單介紹一下javascript的範圍和範圍鏈。在javascript中,範圍分為兩種:1.全域範圍2.局部範圍。如何界定是何種範圍:1.定義在所有函數之外的變數是具有全域範圍。2.定義在函數之內的變數具有局部範圍,它的範圍就是變數所在的函數。特別說明:所有末定義直接賦值的變數具有全域範圍。範圍與範圍之間是可以層層包含的:全域範圍可以包含局部範圍,局部範圍中又可以嵌套其他局部範圍,可以如此無限的嵌套
Time of Update: 2015-07-16
標籤:dom學習<img id=‘xx‘.. onclick=‘aa()‘>functon aa(){xx1=document.getElementById("xx")//下面對xx1進行操作}bom介紹:瀏覽器物件模型因為瀏覽器企業太多,w3c定義了一個做瀏覽器的規範規定-----------dom介紹/學習:文件物件模型dom樹 例子<script language="JavaScript"> function text(){
Time of Update: 2015-07-24
javascript控制層顯示或隱藏的方法,javascript本文執行個體講述了javascript控制層顯示或隱藏的方法。分享給大家供大家參考。具體實現方法如下:<html><head><title>中國風</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><script
Time of Update: 2015-07-22
jquery實現滑鼠滑過小圖查看大圖的方法,jquery查看大圖本文執行個體講述了jquery實現滑鼠滑過小圖查看大圖的方法。分享給大家供大家參考。具體實現方法如下:1. CSS部分:<style type="text/css">ul{ list-style:none;}li{ float:left; margin-left:10px;}img{ border:#CCCCCC solid 1px;}#max{ position:absolute;
Time of Update: 2015-07-21
SS如何?把滑鼠放在行上整行變色,ss變色CSS如何?把滑鼠放在行上整行變色:在很多網站都有這樣的效果,那就是當滑鼠放在一個文章列表行的時候,此行就會顯示與其他行不同的顏色,本站的文章列表也具有這樣的效果,便於瀏覽者識別,非常人性化,下面就簡單介紹一下如何?此效果。代碼執行個體如下:<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author"
Time of Update: 2015-07-20
font-size屬性有沒有繼承性,font-size屬性繼承font-size屬性有沒有繼承性:這問題自然再簡單不過了,不過可能初學者有時對這個問題可能存在疑問,會造成處處為標籤內的元素設定字型。這裡可以給出一個肯定的答案,font-size資料具有繼承性,這樣有利於對網頁字型進行統一設定。代碼執行個體如下:<!DOCTYPE html><html><head><meta charset="utf-8"><meta
Time of Update: 2015-07-21
javascript中setAttribute()函數使用方法及相容性,javascriptattributesetAttribute()函數可以設定對象的屬性,如果不存在此屬性,則會建立此屬性。文法結構:el.setAttribute(name,value)參數列表:參數 描述name 必需。規定要設定的屬性名稱。value 必需。規定要設定的屬性值。代碼執行個體:<!DOCTYPE
Time of Update: 2015-07-19
javascript字串迴圈匹配執行個體分析,javascript執行個體分析本文執行個體講述了javascript字串迴圈匹配的方法。分享給大家供大家參考。具體如下:採用exec和String.match方法,對於exec必須開啟全域匹配g標識才能擷取所有匹配// 需要提取這種資料 <td>2012-12-17</td><td>11:02 , 12:25 , 13:22 , 15:06 , 15:12 , 19:22 ,
Time of Update: 2015-07-19
javascript順序載入圖片的方法,javascript順序載入本文執行個體講述了javascript順序載入圖片的方法。分享給大家供大家參考。具體如下:javascript監聽一個圖片是否載入完畢 如果載入完成再載入下一張,不是一次性從伺服器載入 減少伺服器壓力, 可用到的地方:比如製作類似google地圖的應用,可以使小圖一張一張的載入function Load_pic(arr){ this.loop_f=function(i,o_file,len,f,obj){
Time of Update: 2015-07-19
js實現固定顯示地區內自動縮放圖片的方法,js縮放本文執行個體講述了js實現固定顯示地區內自動縮放圖片的方法。分享給大家供大家參考。具體實現方法如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
Time of Update: 2015-07-18
jquery事件學習綁定事件1.bind參數:(eventType [, eventData ], handler(eventObject) ),eventType可以是自訂的事件,此時不能通過瀏覽器觸發,可以通過trigger手動觸發。此外,trigger()方法來瞭解如何在事件發生時向事件處理函數中傳入參數,而不是在事件綁定的時候傳遞資料。2.unbind用於解除bind所綁定的事件,其中有一個用法:var timesClicked = 0;$( #foo ).bind( click,
Time of Update: 2015-07-17
javascript實現線上客服效果,javascript線上客服線上客服系統在大量的網站都有應用,特別是銷售類網站,可以有效增加網站的可用性,便於客戶及時聯絡商家,從而增加了交易成功的可能性,線上客服系統的實現方式有多種多樣,這裡介紹一種網上常見並且非常美觀的客服系統,以此達到舉一反三的目的,能夠比較輕鬆的實現其他外觀形式的客服系統,程式碼範例如下:CSS<style type="text/css">body { margin:0px}.main_head {