Time of Update: 2017-01-19
小試牛刀,實現了六款簡單常見HTML5 Canvas特效濾鏡,並且封裝成一個純JavaScript可調用的API檔案gloomyfishfilter.js。支援的特效濾鏡分別為: 1.反色 2.灰色調 3.模糊 4.浮雕 5.雕刻 6.鏡像濾鏡原理解釋: 1.反色:擷取一個像素點RGB值r, g, b則新的RGB值為(255-r, 255-g, 255-b) 2.灰色調:擷取一個像素點RGB值r, g, b則新的RGB值為 複製代碼 代碼如下: newr = (r * 0.272) + (g *
Time of Update: 2017-01-19
複製代碼 代碼如下:<div style="border:#d3d3d3 1px solid;width:100%;"> <div id="demo" style="overflow:hidden;height:160;width:100%;"> <div id="
Time of Update: 2017-01-19
在前面的介紹中,我們討論過close()方法:複製代碼 代碼如下: win = window.open("http://www.jb51.net/", "js"); win.close(); JavaScript提供了許多方法與屬性,我們可以使用它們來控制視窗。 移動、滾動、改變大小 下面的方法(N4+,IE4+)負責個定視窗的移動、滾動以及大小改變操作:複製代碼 代碼如下: // 移動視窗的螢幕位置到指定的位移x 、y(絕對移動) window.moveTo(iX, iY) /
Time of Update: 2017-01-19
javasscript刪除數組的3種方法1,用shift()方法shift:刪除原數組第一項,並返回刪除元素的值;如果數組為空白則返回undefinedvar chaomao=[1,2,3,4,5]var chaomao.shift()//得到1alert(chaomao)//[2,3,4,5]2,用pop()方法pop:刪除原數組最後一項,並返回刪除元素的值;如果數組為空白則返回undefinedvar chaomao=[1,2,3,4,5]var
Time of Update: 2017-01-19
複製代碼 代碼如下:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>oec2003</title><script language="JavaScript" type="text/JavaScript"><!--function
Time of Update: 2017-01-19
複製代碼 代碼如下: <script type="text/javascript"> //jquery判斷瀏覽器資訊 $(function(){ var bro=$.browser;//擷取瀏覽器使用者代理程式資訊; var bro_msie=bro.msie;//判斷是否為ie瀏覽器,假如為ie瀏覽器就返回:true,否則返回:undefined; var
Time of Update: 2017-01-19
在使用Java做背景時候,都會做到登入的頁面,但是自己的頁面太難看了,要置中沒置中,要顏色沒顏色,但是無論是怎麼樣都得使登入的框置中吧!以前的想法是通過CSS+Div使div置中,但是現在的想法變了,通過JavaScript可以簡單的使Div在頁面上置中,隨著網頁大小的改變做出相應的改變。而且只要明白了置中的原理輕而易舉就可以實現了。 先看一下置中的原理吧! 先看一張圖。
Time of Update: 2017-01-19
擴充Code:複製代碼 代碼如下:var blogModule = (function (my) { my.AddPhoto = function () {//添加內部代碼 }; return my;}(blogModule));Say:將自身傳進方法,然後實現了方法的擴充,有點象零件組裝啊Code:複製代碼 代碼如下:var blogModule = (function (my) {var oldAddPhotoMethod =
Time of Update: 2017-01-19
此文適合JavaScript入門級選手閱讀,高手就可以飄過了。 先扯點閑話。在中國,有這麼一種現象:不管什麼詞或者概念,總會有些人把這些東西解釋的神乎其神,貌似搞得別人聽不懂就覺得自己很厲害的樣子。其實不知道有多2。我個人比較崇尚簡潔明了。什麼詞,什麼概念,如果你能用簡短的一兩句話讓大家聽明白,這才是本事。好了,閑話不扯了,進入正題。 在JavaScript裡什麼叫Callback“回呼函數”,用我的話來講就是把方法b當做一個參數傳遞個方法a,當方法a執行完後執行另外一個指定函數(這裡是b函數)
Time of Update: 2017-01-19
嵌入 iframe 的頁面,父頁面與子頁面均可以很輕鬆的在同域或跨子域的情況下進行讀寫操作;在完全不同域的情況下,也可以通過更改 hash 的方式進行通訊。下面我在九個不同(版本的)瀏覽器中對此進行資料轉送與更改的相容性測試。 同域或跨子域讀寫操作 iframe 裡的內容父頁面讀寫操作子頁面:複製代碼 代碼如下:<iframe id="test-iframe" name="test-iframe" src="child.html" scrolling="no" frameborder="0
Time of Update: 2017-01-19
使用得是Emeditor ,在看XML文檔時,總是因為格式混亂而看不清。這個是一個Emeditor宏來自動格式化XML。下載:formatXml.rar (1,021.00 bytes)下面這段是這個網頁版的javascript格式化XML的代碼。複製代碼 代碼如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head>
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
程式也很簡單,就是遍曆一下本地目錄,然後產生一堆ftp命令。複製代碼 代碼如下:function matchDemo(strFolderName){var s;var re = /200\d{5}/ig;s = strFolderName.match(re);return(s);}function init(){strScript ="open 192.168.1.32 \n";strScript+="user sybase 111111
Time of Update: 2017-01-19
Highcharts 官網:http://www.highcharts.com Highcharts 官網樣本:http://www.highcharts.com/demo/ Highcharts 官網文檔:http://www.highcharts.com/documentation/how-to-use 官網執行個體中給出了各式各樣的demo,可以參照document修改自己需要的即可。 下面是一個學產生績走勢demo: 複製代碼 代碼如下: <!DOCTYPE HTML&
Time of Update: 2017-01-19
第一種方法: 複製代碼 代碼如下: <%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html>
Time of Update: 2017-01-19
複製代碼 代碼如下: <div id="page"> <select name="select1" id="select-type"> <option value="0">請選擇</option> <option value="1">企業</option> <option value="2">產品</option> </select> </div> 複製代碼 代碼如下:
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
示範地址: http://www.ihuxu.com/project/gcdmove/調用樣本: var GCDM = gcdMove(oDiv,100,0); GCDM.startMove();//開始運動 GCDM.stopMove();//結束運動 該段JS代碼已經封裝好了,代碼如下: 簡要說明 - obj為要改動的對象元素,通常為某個div;iSpeedX,iSpeedY為div出師的橫向(右側),豎向(下)的初始速度,當然也可以設為零。 複製代碼 代碼如下: /** * @Desc
Time of Update: 2017-01-19
看了《高效能JavaScript》的讀書筆記幾個原則:1、將指令碼放在底部<link>還是在head中,用以保證在js載入前,能載入出正常顯示的頁面。<script>放在</body>前。2、成組指令碼由於每個<script>標籤下載時阻塞頁面解析過程,所以限制頁面的<script>總數也可以改善效能。適用於內聯指令碼和外部指令碼。3、非阻塞指令碼等頁面完成載入後,再載入js代碼。也就是,在window.load事件發出後開始下載代碼。