Time of Update: 2013-10-17
完整樣本:http://www.keleyi.com/keleyi/phtml/clearinput.htm 下面是原始碼: 複製代碼 代碼如下: <script type="text/javascript" src="http://www.keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script> <textarea id="keleyi_com" cols="30"
Time of Update: 2013-10-17
用js播放.wav檔案 複製代碼 代碼如下: <html> <head> <script language="javascript"> function playSound(id) { var node=document.getElementById(id); if(node!=null) { node.Play(); } } </script> </head> <body> <embed
Time of Update: 2013-10-17
網上的例子用的是$(".b").live("click",function(event){} ,jquery自動對live做了處理,阻止了事件冒泡。改成bind,實驗就能通過。 複製代碼 代碼如下: < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:
Time of Update: 2013-10-17
JS對象介紹:一,基本概念1,自訂對象。根據JS的對象擴充機制,使用者可以自訂JS對象,這與Java語言有類似的地方。與自訂對象相對應的是JS標準對象,例如Date、Array、Math等等。2,原型(prototype)在JS中,這是一種建立對象屬性和方法的方式,通過prototype可以為對象添加新的屬性和方法。通過prototype我們可以為JS標準對象添加新的屬性和方法,例如對於String對象,我們可以為其添加一個新的方法trim()。與嚴格的程式設計語言(例如Java)不同,我們可以
Time of Update: 2013-10-17
複製代碼 代碼如下: <script type="text/javascript"> $(document).ready(function(){ alert($(window).height()); //瀏覽器當前視窗可視地區高度 alert($(document).height()); //瀏覽器當前視窗文檔的高度 alert($(document.body).height());//瀏覽器當前視窗文檔body的高度
Time of Update: 2013-10-17
文檔就緒函數$(document).ready(function(){--- jQuery functions go here ----});這是為了防止文檔在完全載入(就緒)之前運行 jQuery 代碼。如果在文檔沒有完全載入之前就運行函數,操作可能失敗。(試圖隱藏一個不存在的元素;獲得未完全載入的映像的大小)把所有 jQuery 代碼置於事件處理函數中把所有事件處理函數置於文檔就緒事件處理器中hide/show/toogle$(selector).hide(speed,callback);$
Time of Update: 2013-10-17
首先我們看下面的一個很常見的事件綁定代碼: 複製代碼 代碼如下: //example $('#dom').click(function(e){ //do something }); $('#dom2').click(function(e){ //do something }); 這段代碼在事件綁定處理上有一些缺陷: 過多的事件綁定會損耗記憶體 後期產生HTML會沒有事件綁定,需要重新綁定 文法過於繁雜 解決方案 對於1、2兩點的解決方案,我們首先先瞭解一下jQuery的事件綁定
Time of Update: 2013-10-17
複製代碼 代碼如下:<!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></title> <style type="text/
Time of Update: 2013-10-17
複製代碼 代碼如下: // 動態載入外部js檔案 var flag = true; if( flag ){ loadScript( "js/index.js" ); }; function loadScript( url ){ var script = document.createElement( "script" ); script.type = "type/javascipt"; script.src = url; document.getElementsByTagName( "head"
Time of Update: 2013-10-17
基本介紹: window.showModalDialog() 方法用來建立一個顯示HTML內容的模態對話方塊。(就是開啟後不能操作父視窗,只能等模式
Time of Update: 2013-10-17
點我下載工程代碼 由於項目需求,在處理檔案上傳時需要使用到檔案的非同步上傳。這裡使用Jquery Ajax File Uploader這個組件:http://www.phpletter.com/download_project_version.php?version_id=6 伺服器端採用struts2來處理檔案上傳。 所需環境: jquery.js ajaxfileupload.js struts2所依賴的jar包 及struts2-json-plugin-2.1.8.1.jar
Time of Update: 2013-10-17
其實很簡單,我這部分代碼,前一部分是簡單的實現如何使用JS寫模板,第二個就是具體的實現了JSON查詢的一個擴充。 以後查詢Json就有了利器了。複製代碼 代碼如下:/* * 定義模板函數
Time of Update: 2013-10-17
通常來說,javascript中的對象就是一個指向prototype的指標和一個自身的屬性列表。javascript建立對象時採用了寫時複製的理念。只有構造器才具有prototype屬性,原型鏈繼承就是建立一個新的指標,指向構造器的prototype屬性。prototype屬性之所以特別,是因為javascript時讀取屬性時的遍曆機制決定的。本質上它就是一個普通的指標。構造器包括: 1.Object2.Function3.Array4.Date5.String下面我們來舉一些例子吧複製代碼
Time of Update: 2013-10-17
關於這個原因有很多種,我只說下我遇到的 我這樣 寫Store來複用的 複製代碼 代碼如下: DocStore = Ext.extend(Ext.data.Store,{ initComponent:function(){ this.proxy = new Ext.data.HttpProxy({url:this.url}); this.reader = new Ext.data.JsonReader( { totalProperty: 'results', root: 'rows',
Time of Update: 2013-10-17
模態視窗 javascript 技巧匯總(傳值、開啟、重新整理) 1、要彈出的頁面中,一定要保證<head></head>標籤間有<base target=“_self”>,否則會彈出的模態視窗上,點擊按鈕時,會再次彈出一個新頁面。 2、被彈出頁面的按鈕的事件處理中,應該有Response.Write(new Function().ClosePage());語句,用以關閉當前的模態視窗。
Time of Update: 2013-10-17
我最近在與客戶合作的項目中,需要充分利用的 ECMAScript 5,在此我遇到一個非常有趣的問題。 該問題源於一個非常常見的模式: mixin , 也就是在 JavaScript 中把一個對象的屬性或者方法 mixin 到另一個。大多數 mixin 的功能看起來像這樣:複製代碼 代碼如下:function mixin(receiver, supplier) { for (var property in supplier)
Time of Update: 2013-10-17
一、<script>元素屬性 向XHTML頁面中插入JavaScript的主要方法,就是使用<script>元素,該元素有5個屬性分別為charset、defer、language、src、type,經常使用的是type、src、defer這三個。 1、type屬性的值一般都是text/javascript,該屬性是必須的,<script type=”text/javascript”/>。
Time of Update: 2013-10-17
在一些DOM操作中我們經常會跟元素的位置打交道,滑鼠互動式一個經常用到的方面,令人失望的是不同的瀏覽器下會有不同的結果甚至是有的瀏覽器下沒結果,這篇文章就上滑鼠點擊位置座標擷取做一些簡單的總結,沒特殊聲明代碼在IE8,FireFox,Chrome下進行測試相容滑鼠點擊位置座標相對於螢幕如果是涉及到滑鼠點擊確定位置相對比較簡單,擷取到滑鼠點擊事件後,事件screenX,screenY擷取的是點擊位置相對於螢幕的左邊距與上邊距,不考慮iframe因素,不同瀏覽器下表現的還算一致。複製代碼 代碼如下:
Time of Update: 2013-10-17
用瀑布流來展現照片再好不過了,下面是瀑布流(每一行的長度等於瀏覽器視窗的長度)的一種實現方式,也可以用css3實現,很簡單,Google一下你就知道。 我的思路大概是一張一張的圖片插入,當這一行的圖片保持長寬比例不變並且高度低於250時就完成一個了迴圈,即這一行插入進去了。 然後進入下一個迴圈插入下一行。公式很簡單,假設這一行當前的高度為h,則插入一張高和寬為(x,y)的圖片時,滿足下列關係: h' * (w / h + y / x) = w w是瀏覽器視窗的寬度, 則 h' = w / (w
Time of Update: 2013-10-17
在Web中用到多選項卡功能的網站有很多,比如163和126郵箱,用過的人知道。本人在那麼多的類似外掛程式中,目前碰到這個比較好,花了點時間調試出來了,請看:這款外掛程式叫jqueryMagicTabs,實現了準系統,如添加選項卡,選擇指定的選項卡。當添加的選項卡超過一定長度時會出現左右滑動的按鈕,同時支援滑鼠滑動選項卡。這段代碼如下所示:複製代碼 代碼如下:<%@ page language="java"contentType="text/html; charset=UTF-8"