Time of Update: 2014-09-10
標籤:blog http io os 使用 java ar 檔案 問題 這個系列的第一部分和第二部分,介紹了Javascript模組原型和理論概念,今天介紹如何將它們用於實戰。我採用的是一個非常
Time of Update: 2014-09-11
修正Ext複選框Checkbox一例Ext的Checkbox控制項在用滑鼠操作時表現正常,但用代碼對其賦值時也會觸發單擊(click)事件處理控制代碼。雖不知道原作者的設計意圖,這在實際應用中會帶來問題,至少在我的應用程式中不希望這樣。通過修改解決了問題,因為原作者原本就是要這樣的效果,故不稱為bug。以下是修改後的代碼。Ext.form.Checkbox.prototype.onClick = function(e){ if (!this.disabled &&
Time of Update: 2014-09-11
複製到剪貼簿的JS實現--ZeroClipboard (兼解決IE下相容問題) 對於一般技術類的使用者來說這沒什麼,但是對於那些非技術類的人來說,反而會覺得比較麻煩。因此從實用性和提高使用者體驗的角度出發,得給使用者直接複製粘貼到剪下板的功能。今天介紹一個實現此功能的小外掛程式,ZeroClipboard,同時兼討論解決它在IE下不能使用的問題(我用的IE10)。 1、下載jQuery,可自行百度Google。 2、下載ZeroClipboard,Zero
Time of Update: 2014-09-11
Android:解析Json資料 JSON(JavaScript Object Notation) 是一種輕量級的資料交換格式,訪問伺服器時返回的資料常常是HTML、XML和JSON,這時我們需要去解析這些資料。JSON有兩種結構、一是對象,二是數組。前者資料格式為
Time of Update: 2014-09-11
js操作cookie方法cookie,有時也用其複數形式Cookies,指某些網站為了辨別使用者身份、進行session跟蹤而儲存在使用者本地終端上的資料(通常經過加密)。定義於RFC2109和2965都已廢棄,最新取代的規範是RFC6265。 cookie的作用 伺服器可以利用Cookies包含資訊的任意性來篩選並經常性維護這些資訊,以判斷在HTTP傳輸中的狀態。Cookies最典型的應用是判定註冊使用者是否已
Time of Update: 2014-09-11
用JavaScript實現用一個DIV來封裝文本元素節點,javascriptdiv當你的應用需要依賴某個特定的JavaScript類庫時,你無意中總會試圖解決某些類庫自身的問題,而不是語言的問題。就比如當我試圖將文本(可能也包含HTML元素)用一個DIV元素包起來時。假設有以下HTML:This is some text and <a href="">a link</a>這時候如果想把它轉換為下面這樣:<div>This is some text and &
Time of Update: 2014-09-11
理解requireJS-實現一個簡單的模組載入器在前文中我們不止一次強調過模組化編程的重要性,以及其可以解決的問題: ① 解決單檔案變數命名衝突問題 ② 解決前端多人協作問題 ③ 解決檔案依賴問題 ④ 按需載入(這個說法其實很假了) ⑤
Time of Update: 2014-09-11
一個實用的圖片切換支援點擊切換和自動輪播,切換點擊輪播不經意間看到了以前寫的這個小東西,就貼上來了,支援點擊切換和自動輪播,供前端新手看看吧!代碼如下:<div class="scroll_div"><ul class="pic"><li><img src="img/pic_1.jpg" /></li><li><img src="img/pic_2.jpg" /></li><li><
Time of Update: 2014-09-11
ExtJS學習----------Ext.DomHelper類學習(執行個體)具體執行個體(執行個體結果在程式中)Ext.onReady(function(){//準備工作Ext.create('Ext.panel.Panel',{title:'DomHelper-元素產生器的使用',width:'90%' , height:400 ,renderTo:Ext.getBody(),html:'我是d1'});//DomHelper/
Time of Update: 2014-09-11
常用js補充1Googlejs調試按f12進入js偵錯模式打到相應的js檔案在js程式中打斷點進行調試時按F10走一步按F8走完用來顯示操作資訊<script>window.onload=function ret(){var msg = '${requestScope.msg}';if(msg != "" && msg != null){alert(msg);}}</script> 單選更換其文字框的值預投生產 返修生產
Time of Update: 2014-09-11
三種取消選中單選框radio的方法,三種選中單選radio本文提供了三種取消選中radio的方式,程式碼範例如下:本文依賴於jQuery,其中第一種,第二種方式是使用jQuery實現的,第三種方式是基於JS和DOM實現的。<!DOCTYPE HTML> <html> <head> <title>選項按鈕取消選中的三種方式</title> <script type="text/javascript" src="http://lib.
Time of Update: 2014-09-11
JQuery 給元素繫結click事件多次執行的解決方案,jqueryclick原Binder 方法:$("#sdfsd").on("click",function(e){ ***** });這種方法只會在原click方法中繼續添加新方法;解決辦法更改Binder 方法為:$("#sdfsd").unbind("click").click(function(e){ ***** });在綁定新click方法前對元素所綁定的click方法解除綁定jquery動態產生的元素自動執行一次click事件&
Time of Update: 2014-09-11
JavaScript中判斷原生函數檢查function是否是原生代碼,javascriptfunction我總是經常碰到需要檢查某個function是否是原生代碼的情況 —— 這是功能測試中一個很重要的內容: 函數是瀏覽器內建支援的,還是通過第三方類庫類比的。要檢測這一點,最簡單的辦法當然是判斷函數的 toString 方法返回的值啦。JavaScript代碼判斷函數是否是原生方法其實相當簡單:// 判斷是否原生函數 function isNative(fn) { // 樣本: //
Time of Update: 2014-09-11
使用JQuery庫提供的擴充功能實現自訂方法,jquery擴充功能JQuery封裝器提供了大量的方法,可以再頁面中直接使用。但是,沒有任何一個庫可以滿足所有的需求,所以,JQuery庫提供了豐富的擴充功能。以禁用一組表單元素為例,看看怎麼簡單有效在JQuery庫中添加自訂的功能擴充。(JQuery沒有禁用表單元素的方法哦)上代碼:<!DOCTYPE> <html lang="en"> <head> <title>Custom Method!<
Time of Update: 2014-09-10
JQuery實現當滑鼠停留在某地區3秒後自動執行 這篇文章主要介紹了JQuery實現當滑鼠停留在某地區3秒後自動執行,可以應用於很多情境 01 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Time of Update: 2014-09-11
JQuery實現當滑鼠停留在某地區3秒後自動執行,jquery這篇文章主要介紹了JQuery實現當滑鼠停留在某地區3秒後自動執行,可以應用於很多情境<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><script type="text/javascript" src="http:
Time of Update: 2014-09-10
jquery取子節點及當前節點屬性值的方法 分享下jquery取子節點及當前節點屬性值的方法。 1 <li class="menulink"> 2 <a href="#" rel="external nofollow"
Time of Update: 2014-09-10
使用typeof方法判斷undefined類型 有關js判斷undefined類型,使用typeof方法,typeof 返回的是字串,其中就有一個是undefined。 js判斷undefined類型 1if (reValue== undefined) 2{ 3alert("undefined"); 4} 發現判斷不出來,最後查了下資料要用typeof方法: 1if (typeof(reValue) == "undefined"
Time of Update: 2014-09-11
js使用for迴圈及if語句判斷多個一樣的name,jsifvar items = document.getElementsByName("spec_spec_1[]");alert(items.length);for (i = 0; i < items.length; i++)
Time of Update: 2014-09-10
iframe自適應高度 iframe 自適應高度,目前最廣泛的實現方式是以 JS 擷取 iframe 所載入頁面的 body 高度。(在本地 html 檔案測試的時候 chrome 會有跨域錯誤,可以使用 IE 來測試)。其實質就是通過 offsetHeight 或者 scrollHeight 擷取到 iframe 內部 body 的高度,再調整 iframe 高度即可。以下是初略形式:Test.html 源碼<!DOCTYPE HTML><html><head&