Time of Update: 2013-10-17
複製代碼 代碼如下: // 擷取瀏覽器名稱及版本資訊 function appInfo(){ var browser = { msie: false, firefox: false, opera: false, safari: false, chrome: false, netscape: false, appname: 'unknown', version: 0 }, userAgent = window.navigator.userAgent.toLowerCase(); if (
Time of Update: 2013-10-17
由於javascript本身是沒有許可權操作本地檔案的,除非使用ActiveX,但這東西麻煩又不安全,完全不想用.所以從頁面的表格中獲得資料儲存成本地檔案的辦法是行不通了.我們想要匯出的是表格中的資料,表格中的資料又是從伺服器來的,那我們把伺服器上的資料下到本地儲存成檔案不就可以了.服務端實現代碼:複製代碼 代碼如下:ServletOutputStream out = null;try{//設定輸出csv的頭資訊 response.setContentType("text/csv");
Time of Update: 2013-10-17
效果展示:頁面初載入時: 選擇車類型後: 選擇車顏色後: JS實現下拉框的動態添加,網頁代碼如下:複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
Time of Update: 2013-10-17
以下是在頁面加入兩個地圖的效果:頁面核心代碼如下:複製代碼 代碼如下:<style type="text/css">#mapDiv1 { height:400px; width:600px; }#mapDiv2 { height:400px; width:600px; left:620px; top:-420px;}</style><body><div id="mapDiv1" ></div><br /><div
Time of Update: 2013-10-17
1.動態建立select 複製代碼 代碼如下: function createSelect(){ var mySelect = document.createElement("select"); mySelect.id = "mySelect"; document.body.appendChild(mySelect); } 2.添加選項option 複製代碼 代碼如下: function addOption(){ //根據id尋找對象, var
Time of Update: 2013-10-17
很少會插入一個新的style rule,今天為了臨時解決頁面樣式問題,需要更新很多頁面的一些樣式,這些頁面都引用了一個公用的js,為了方便,直接在這個公用的js裡面向style sheet插入新的style rule。 先看代碼: 複製代碼 代碼如下: /** * Add a stylesheet rule to the document (may be better practice, however, * to dynamically change classes, so style
Time of Update: 2013-10-17
上傳圖片對圖片進行一下預覽,可以瞭解圖片上傳後大概會是什麼樣子,此功能用js實現,然後在fileupload控制項的change事件中調用,這樣當用fileupload選擇完圖片以後,圖片就會自動顯示出來了。功能很簡單,卻很實用。預覽圖片的js代碼: 複製代碼 代碼如下: <script type="text/javascript"> function setImagePreview(docObj,localImagId,imgObjPreview) {
Time of Update: 2013-10-17
看到phpcms的地區串聯功能表,感覺寫的挺有意思,就說說大致步驟,省得忘了。對於地區串聯功能表的產生一般是在/data/cache_model/content_form.class.php檔案的areaid()函數中。不過,這個只是一個cache至於什麼地方產生還不沒找到,所以暫時作為一個測試。(知道的同學告訴我哈!十分感謝) 在areaid()的$js中添加 複製代碼 代碼如下: function delChild(num) { $('#load_$field
Time of Update: 2013-10-17
split定義和用法 split() 方法用於把一個字串分割成字串數組。 文法 stringObject.split(separator,howmany) 參數 描述 separator 必需。字串或Regex,從該參數指定的地方分割 stringObject。 howmany 可選。該參數可指定返回的數組的最大長度。如果設定了該參數,返回的子串不會多於這個參數指定的數組。如果沒有設定該參數,整個字串都會被分割,不考慮它的長度。 傳回值 一個字串數組。該數組是通過在 separator
Time of Update: 2013-10-17
javascript時間函數 javascript提供了Date對象來進行時間和日期的計算。Date對象有多種建構函式:new Date() //目前時間new Date(milliseconds) //距離起始時間1970年1月1日的毫秒數new Date(datestring) //字串代表的日期與時間。此字串可以使用Date.parse()轉換,比如"Jannuary 1, 1998 20:13:15"new Date(year, month, day, hours, minutes,
Time of Update: 2013-10-17
一、需求與遇到的問題 在網站的後台管理中使用了iframe架構布局,包括頂部菜單、左側導航和首頁面。需求是:點擊首頁面上的一個按鈕,在頂部功能表列的右側顯示“退出”連結,點擊可退出系統。 我的思路是:在頂部的菜單頁面放一個不可見的“退出”連結,當使用者點擊位於iframe中的首頁面(mainPage.htm)中的按鈕時,在頂部菜單頁面的右側顯示“退出”。 我現在遇到的問題是:如何在頁面的一個iframe子頁面(mainPage.htm)中擷取並且操作其它iframe子頁面(比如topPag
Time of Update: 2013-10-17
標題描述的有點不貼切,但希望大家能夠明白,為了更形像的表達,我特意錄製了一張GIF動畫圖片。 我不知道實際開發中有沒有用到這種效果,但我個人認為,這種方式更人性化,因為只要點到一行,就可以使CheckBox.checked=true;
Time of Update: 2013-10-17
eg_1. 在頁面中尋找某id圖片集合,先放到代碼:複製代碼 代碼如下:<div id="cacheLayerContainer-CBS-882" > <img src="" id="CBS_1_0" style="width: 256px; height: 256px"> <img src="" id="CBS_1_1" style="width: 256px; height: 256px"&
Time of Update: 2013-10-17
引入下方的jquery.rotate.js檔案,然後通過$("選取器").rotate(角度);可以旋轉任意角度, 例如$("#rotate-image").rotate(45);把這句放在$(document).ready(function(){ });中 就是將id為rotate-image的圖片旋轉45度。 不過,貌似在Chrome中總是不顯示。 唉,找了兩個小時,才發現Chrome太坑爹了,沒法擷取圖片的長寬。
Time of Update: 2013-10-17
js:複製代碼 代碼如下:function bubufx_enterpress(e) { var keynum; if (window.event) // IE { &
Time of Update: 2013-10-17
P3P P3P是一種被稱為個人隱私安全平臺項目(the Platform for Privary
Time of Update: 2013-10-17
最近在修改百度地圖開源的東西,想把裡面耦合在一起的代碼給拆分出來。拆解之後,發現了一些坑爹的問題。邏輯上沒有問題的情況下,該出現的效果沒有出現。然後就以為是代碼哪裡寫得不對了,就一直找啊找的。在調試的時候發現,相應的事件被執行了兩遍。瞬間就明白了,肯定在哪個地方重複綁定了事件。果然,真心腦殘的綁定了兩次事件。 平時在寫代碼的時候,如果發現綁定的事件觸發了兩次,那就要查看是否是綁定了兩次事件了。別傻傻的先去查看代碼哪裡處處了,或者懷疑別人的api有問題。
Time of Update: 2013-10-17
在做B/S結構的系統時,我們常常需要擷取用戶端的一些資訊,如IP和MAC,以結合身分識別驗證。要擷取伺服器端的MAC很容易,但是要擷取用戶端的MAC的地址確要花費一翻心思,通常的做法是調用Win32API或直接調用nbtstat命令,這樣做有很多問題,而另一種方法就是直接用用戶端指令碼,我們這裡用Javascript,這樣做的好處是不需要伺服器端進行處理,有用戶端自行擷取,傳遞到伺服器端,且速度和可靠性都比在伺服器端擷取好。 具體實現的html和javascript如下: 複製代碼 代碼如下:
Time of Update: 2013-10-17
引子: 在ASP.Net頁面中textbox的index為1(或n),其後的提交按鈕index為2(n+1),游標在textbox中,斷行符號後自動焦點移動到後面的button上,會觸發button的點擊事件。 但在Lyncplus用戶端中訪問Web頁面時遇到了TextBox控制項斷行符號自動完成按鈕的提交事件失效的情況(應該是自動切換焦點)。
Time of Update: 2013-10-17
方式一,使用利用事件冒泡委託給列表的父節點去處理的方式: 複製代碼 代碼如下: var ulObj = document.getElementById("myUl"); ulObj.onclick = function (event) { var tg = event.target; var liArray = ulObj.getElementsByTagName("li"); for (var i = 0; i < liArray.length; i++) { if