Time of Update: 2014-08-12
使用jquery.qrcode產生彩色二維碼執行個體,jquery.qrcode執行個體jquery.qrcode.js 是居於jquery類庫的繪製二維碼的外掛程式,用它來實現二維碼圖形渲染支援canvas和table兩種繪圖方式。(jquery.qrcode.js 設定顯示方式為table時在webkit核心瀏覽器如chrome下會變形,這個需要注意。)下面為測試代碼(增加了顏色控制,可以設定4個區塊的顏色值,需要指定render為table。),效果如下:代碼如下:<html>
Time of Update: 2014-08-12
JS建立類和對象的兩種不同方式,js兩種不同在JavaScript中, 當你定義了一個新的函數, 你實際上聲明了一個新的類, 而這個函數本身就相當於類的建構函式。下面的代碼向你展示了兩種不同的方式來建立一個新的Person類, 而Person.prototype的定義也緊跟在函數定義之後。var Person = function(name) { // 一個匿名函數, 並將這個函數賦值給一個Person變數, 此時Person成為一個類 this.name = name; } function
Time of Update: 2014-08-12
js調試工具console.log()方法查看js代碼的執行情況,調試工具console.log我之前在調試代碼的時候,跟砸js代碼執行情況,一般都是通過在代碼塊中使用alert的方式查看js代碼的執行情況,今天也是看到有朋友使用console.log函數列印輸出函數,變數,對象,下邊就console.log的使用方式進行記錄,具體的文法是:console.log("值為:",fn);console.log()能夠輸出變數,函數,數組,對象等等<html> <head>
Time of Update: 2014-08-12
JSON.stringify轉換JSON時日期時間不準確的解決方案,json.stringifyjson調用JSON.stringify將對象轉為對應的字串時,如果包含時間對象,時間對象會被轉換為國家標準時間(ISO),而不是當前國家地區的時間,測試代碼如下:複製代碼 代碼如下:<script> //var o = new Date();
Time of Update: 2014-08-12
js中直接聲明一個對象的方法,js聲明對象var ctrl = { init: function(){ this.a(); this.b(); }, name : "zs", a: function(){ alert("aa"); }, b: function(){ alert("bb"); } }; var str = ctrl.name; console.info(str); //zs ctrl.init(); //彈出aa,bbjs 怎聲明一個寫好的對象 例如:var objectOne=
Time of Update: 2014-08-12
js事件監聽機制(事件捕獲)總結,js監聽在前端開發過程中我們經常會遇到給頁面元素添加事件的問題,添加事件的js方法也很多,有直接加到頁面結構上的,有使用一些js事件監聽的方法,由於各個瀏覽器對事件冒泡事件監聽的機制不同,le瀏覽器只有事件冒泡,沒有事件監聽的機制,對於事件監聽的相容性問題是最大的難題:1.直接把事件的方法寫在頁面結構上function eventfun(){ //console.log(this); } <input type="button"
Time of Update: 2014-08-12
相容最新firefox、chrome和IE的javascript圖片預覽實現代碼,chrome圖片預覽javascript實現用戶端file選擇檔案後img標籤載入用戶端圖片實現圖片預覽。測試瀏覽器:firefox6,firefox12,chrome 25.0.1364.172 m,IE6-IE10
Time of Update: 2014-08-12
window.location.href的用法(動態輸出跳轉),window.locationjavascript中的location.href有很多種用法,主要如下。self.location.href="/url" 當前頁面開啟URL頁面location.href="/url" 當前頁面開啟URL頁面windows.location.href="/url" 當前頁面開啟URL頁面,前面三個用法相同。this.location.href="/url"
Time of Update: 2014-08-12
jQuery實現的一個tab轉場效果內部還嵌有切換,jquerytab大致效果下面是代碼:自己匯入jQuery包。樣式:<style type="text/css"> body,ul,li,div,a{margin:0px;padding:0px;} body{margin-top:10px;margin-left:15px;} #all{border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px
Time of Update: 2014-08-12
javascript中解析四則運算運算式的演算法和樣本,javascript四則運算在編寫代碼時我們有時候會碰到需要自己解析四則運算運算式的情況,本文簡單的介紹使用JavaScript實現對簡單四則運算運算式的解析。一、熟悉概念中綴標記法(或中綴記法)是一個通用的算術或邏輯公式表示方法, 操作符是以中綴形式處於運算元的中間(例:3 + 4)。也就是我們最常用的算術運算式,中綴運算式對於人類來說比較容易理解,但是不易於電腦解析。逆波蘭標記法(Reverse Polish notation,RPN,
Time of Update: 2014-08-12
jquery判斷瀏覽器後退時候彈出訊息的方法,jquery後退瀏覽器後退時必定會有一些訊息,這裡使用jquery判斷瀏覽器後退並彈出訊息jQuery(document).ready(function ($) {if (window.history && window.history.pushState) {$(window).on('popstate', function () {var hashLocation = location.hash;var hashSplit =
Time of Update: 2014-08-12
網頁運行時提示對象不支援abigimage屬性或方法,不支援abigimage在一個網頁中用了一個js外掛程式, js檔案引用的沒有錯,代碼也和demo差不多, 但是運行時ie的調試工具報了一個錯:解決方案: jquery檔案衝突,發現原來自己引過一個 <script src="js/jquery-1.11.0.min.js"></script> ,這裡又引入了一個 <script type="text/javascript" src="js/jquery-2.0.
Time of Update: 2014-08-12
jquery訪問ashx檔案範例程式碼,.ashx 檔案用於寫web
Time of Update: 2014-08-12
js中window.open開啟一個新的頁面,jswindow.open<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
Time of Update: 2014-08-12
JavaScript動態改變HTML頁面元素例如添加或刪除,javascripthtml可以通過JavaScript動態改變HTML中的元素向HTML中添加元素首先需要建立一個標籤,然後向該標籤中添加相應的內容,然後將建立好的標籤添加到相應的位置。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Time of Update: 2014-08-12
javascript父、子頁面互動技巧總結,javascript互動幀用來存放子頁面,既可以是iframe,又可以是frameset。window對象是全域對象,頁面上的一切函數和對象都在它的範圍裡。 1、parent代表父視窗、如果父視窗又存在若干層嵌套,則top代表頂級父視窗。 self代表視窗自身。if(self==top){//}判斷視窗是否處於頂級
Time of Update: 2014-08-12
jQuery實現的一個自訂Placeholder屬性外掛程式,jqueryplaceholderHTML5中文字框的新屬性placeholder是個非常好用的屬性,但是IE系列直至IE9都不支援這一屬性,這就讓大家在用這一屬性的時候有些猶豫不決。自己曾經寫過很多類似共的小控制項,但是都不是很通用,這裡分享一個漸進增強自訂placeholder的jQuery外掛程式。有點是使用簡單,大家也可以根據自己的需要進行改進。平常寫jQuery外掛程式比較少,考慮到用jQuery的同學比較多,這裡就用jQu
Time of Update: 2014-08-12
點擊標籤切換和自動切換DIV選項卡,自動切換div複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>點擊切換和自動切換選項卡</title> <style type=
Time of Update: 2014-08-12
javascript實現的平方米、畝、公頃單位換算小程式,javascript單位換算javascript實現平方米,畝,公頃單位換算,可以通過url傳遞參數指定輸入框的值為任何中單位的值。原始碼如下:<!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: 2014-08-12
JavaScript中跨域調用Flash的方法,javascriptflash要做一個頁面上簡訊息的提示音的功能,本來想用HTML5中Audio+IE下的bgsound來實現,可是發現每種瀏覽器對Audio的解碼類型還不一樣,頓時有種崩潰的感覺。沒辦法還是用Flash穩妥一點吧。相信JavaScript與Flash互動大家都會有所接觸或者有所耳聞。其實我也是第一次整這個玩意。具體的方法就不說了,很多資料。開始的時候功能都做得差不多了,實現和沒問題。可是就是到了最後,將swf檔案放到資源服務上後再