Time of Update: 2017-01-19
在處理網頁圖片時,特別是一些圖片列表的應用裡面,很難保證圖片統一大小,直接設定圖片大小又會導致圖片展開,造成圖片模糊,本文介紹的代碼可以在圖片載入完成後自動按比例調整圖片大小。 Javascript: 複製代碼 代碼如下: < script language="javascript" type="text/javascript"> < !-- // 說明:用 JavaScript 實現網頁圖片等比例縮放 // 整理:http://www.CodeBit.cn function
Time of Update: 2017-01-19
使用的微軟的Json序列化庫那麼date會是複製代碼 代碼如下:/Date(1224043200000)/ 有效做法是 mydate.replace(/\/Date\((.*?)\)\//gi, "new Date($1)"); 如果要轉換格式,最好寫個擴充方法:Date.prototype.pattern=function(fmt) {
Time of Update: 2017-01-19
什麼情況下才會出現跨域? 假設網域名稱是:http://www.example.com.cn/ 如果所請求的網域名稱跟這個網域名稱不致,這種情況就是跨域,由於跨域存在漏洞,所以一般來說正常的跨域請求方式是請求不到的。 解決方式: 一、window.name 1、 伺服器返回 複製代碼 代碼如下: <script>window.name='{"id":"3", "name":"leisure"}';</script> 2、定義一個iframe,添加onload事件 <
Time of Update: 2017-01-19
replace函數接受兩個參數,第一個參數為字串或Regex,第一個參數同樣可以接受一個字串,還可能是一個函數。 首先對於第一個參數為字串的我們不再需要多說"I am a boy".replace("boy","girl"),輸出:"I am a girl"。在這裡想說的是第一個參數為正則的情形。對於Regex來說首先會根據是否全域的(全域//g)決定替換行為,如果是全部的則替換全部替換,非全域的只有替換首個匹配的字串。例如:複製代碼
Time of Update: 2017-01-19
複製代碼 代碼如下: function copyToExcel(tableid) { //控制按鈕 var btn = document.getElementById("copy"); btn.setAttribute("disabled", "true"); btn.setAttribute("value", "處理中..."); var curTbl = document.getElementById(tableid); try { var oXL = new ActiveXObject("
Time of Update: 2017-01-19
/** * 本文純粹是梳理一下目前W3C標準中Array對象的內建Method。 * 全文沒啥營養,不過最後效能測試的部分,倒是拋出了一些疑問。 */ 賦值方法 (Mutator methods) 這些方法直接修改數組自身 pop 和 push Array.pop(); // 刪除數組最後一個元素,返回被刪除的元素 Array.push(element1, ..., elementN); // 在數組尾部插入1-N個元素,返回操作後數組的length 通過這 pop 和 push
Time of Update: 2017-01-19
效果如下: 複製代碼 代碼如下:<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <style type="text/css"> .code
Time of Update: 2017-01-19
在使用Java做背景時候,都會做到登入的頁面,但是自己的頁面太難看了,要置中沒置中,要顏色沒顏色,但是無論是怎麼樣都得使登入的框置中吧!以前的想法是通過CSS+Div使div置中,但是現在的想法變了,通過JavaScript可以簡單的使Div在頁面上置中,隨著網頁大小的改變做出相應的改變。而且只要明白了置中的原理輕而易舉就可以實現了。 先看一下置中的原理吧! 先看一張圖。
Time of Update: 2017-01-19
void是javascript中的一個操作符,文法如下: javascript:void(運算式) javascript:void 運算式 void會計算運算式的值,但是會丟棄運算式的傳回值。 這個運算式常常用來使連結變成一個死連結: 複製代碼 代碼如下: <a href = "javascript:void(0)" onclick = "func()">點我</a> 當點擊這個連結的時候,不會發生地址跳轉,而執行onclick函數。 下面的方式也能實現同樣的結果
Time of Update: 2017-01-19
很多時候需要用到限制文字框的數字輸入,試過許多方法,都不太理想,遂決定自己實現一個來玩玩。 曾經使用過的方法 通過onkeydown事件來控制只允許數字: 複製代碼 代碼如下: <input onkeydown="return event.keyCode>=48&&event.keyCode<=57||event.keyCode>=96&&event.keyCode<=105" /> 通過jQuery外掛程式Masked
Time of Update: 2017-01-19
Javascript查詢DBpedia小應用 上一篇文章中,我們瞭解了SPARQL、SPARQL Endpoint,並簡單做了一個SPARQLWrapper.js,來從DBpedia中查詢了一些資料。 本文則嘗試利用SPARQLWrapper.js來讀取DBpedia的資料,並顯示出來。 目標 通過輸入一個英文單詞,然後返回WIKI中相關的資訊。 那麼主要要解決的問題就是怎樣的SPARQL語句能夠查詢到我們需要的東西。 先看一段簡單的SPARQL查詢語句 複製代碼 代碼如下: PREFIX :
Time of Update: 2017-01-19
setTimeout方法是定時程式,也就是在什麼時間以後幹什麼。幹完了就拉倒。setInterval方法則是表示間隔一定時間反覆執行某操作。如果用setTimeout實現setInerval的功能,就需要在執行的程式中再定時調用自己才行。如果要清除計數器需要 根據使用的方法不同,調用不同的清除方法:例如:(1):複製代碼 代碼如下:t=setTimeout('northsnow()',1000);clearTimeout(t);(2):t=setInterval('northsnow()',10
Time of Update: 2017-01-19
當建立一個類的時候,如果希望下面new出來的每個類都擁有一些通用的變數或者其他的函數,這個this關鍵字這是最好的方式。當然,既然是物件導向的語言,必然存在存取權限的問題,這裡也和this關鍵字息息相關。下面我們來示範一個例子來說明一下這個類的存取權限的問題.複製代碼 代碼如下://Person類 function Person(){ var
Time of Update: 2017-01-19
分享一個Javascript編寫函數的最佳化技巧。 適用的函數應該要滿足以下條件: 產生固定結果頁面中多次調用 複雜或較耗時 代碼和分析如下: Java代碼: 複製代碼 代碼如下: //產生固定結果並且在頁面中多次調用的函數 function check() { //類比耗時操作 var begin = Date.now(); //ECMAScript5添加的,若不支援請改成 +new Date(); var ONE_SECOND = 1000, result = false;
Time of Update: 2017-01-19
因此,他們始終存著最新,最準確的資訊。從本質上說,所有NodeList對象都是訪問DOM文檔時即時啟動並執行查詢。例如下列代碼會導致無限的迴圈:複製代碼 代碼如下:<script type="text/javascript"> window.onload=function(){ var divObj=document.getElementsByTagName('div'); &
Time of Update: 2017-01-19
如果用原型方式重定義前面例子中的類,它們將變為下列形式:複製代碼 代碼如下:function ClassA() {}ClassA.prototype.color = "blue";ClassA.prototype.sayColor = function () { alert(this.color);};function ClassB() {}ClassB.prototype = new ClassA();原型方式的神奇之處在於最後一行代碼。這裡,把
Time of Update: 2017-01-19
代碼: 複製代碼 代碼如下: <!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> <meta http-equiv="Content-Type" content="
Time of Update: 2017-01-19
全排列是一種時間複雜度為:O(n!)的演算法,前兩天給學生講課,無意間想到這個問題,回來總結了一下,可以由7種演算法求解,其中動態迴圈類似回溯演算法,實現起來比較繁瑣,故總結了6種,以饗讀者。所有演算法均使用JavaScript編寫,可直接運行。演算法一:交換(遞迴)複製代碼 代碼如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta
Time of Update: 2017-01-19
javascript:變數的聲明以下是幾種聲明變數的方式複製代碼 代碼如下: var value; var value,value1,value2;//同時聲明多個變數,但是這些變數的值都是undefined var i = 0,j =
Time of Update: 2017-01-19
示範地址: http://www.ihuxu.com/project/gcdmove/調用樣本: var GCDM = gcdMove(oDiv,100,0); GCDM.startMove();//開始運動 GCDM.stopMove();//結束運動 該段JS代碼已經封裝好了,代碼如下: 簡要說明 - obj為要改動的對象元素,通常為某個div;iSpeedX,iSpeedY為div出師的橫向(右側),豎向(下)的初始速度,當然也可以設為零。 複製代碼 代碼如下: /** * @Desc