用JS實現網頁元素陰影效果的研究總結
前兩天由于一個小項目想為一元素添加一個陰影效果,但是記得看過某高人寫的"用Div/CSS模擬陰影效果"文章，現在還有一點印象，其思路很簡單，主要是利用幾個層的定位偏移來實現的陰影特效，于是偶就想能不能封裝成一個js函數，方...
|
|
js下在password表單內顯示提示信息的解決辦法
經典有人要這個代碼，考慮到password中輸入的內容會顯示為*號，所以要想辦法解決*的問題。當初想用setAttribute動態修改type屬性達到效果，再ff下測試成功，但沒想到setAttribute對type屬性的修改在ie中無效。最終采用背景圖...
用js實現的一個根據內容自動生成表格的函數
晚上突然看到以前做asp時寫的一個根據數據庫數據自動生成表格的程序。 要求是： 1，對于空內容，應該寫為"<td> </td>",否則在ie會顯示的很變態（ie當作該單元格不存在）。 2，當輸出數據條數不等于表格的“長X寬”時，用"<td> </td...
使一個函數作為另外一個函數的參數來運行的javascript代碼
先看一段代碼：
復制代碼 代碼如下:var a = [1,2,3]; function map(fn, a, init){ var s = init; for (i = 0; i < a.length; i++){ s = fn(s,a[i]); } return s; } alert(map(function(x,y){return x+y;}, a...
一段效率很高的for循環語句使用方法
給表格的每行加上樣式，注意for的第二個參數，當數組下標越界時，row=row[i]返回false，到此循環結束。
var rows = document.getElementsByTagName('tr'); for( var i = 0, row; row = rows[i]; i++ ) { row.className =...
javascript下給元素添加事件的方法與代碼
最簡單的是這樣：
<input type="button" onclick="alert(this.value)" value="我是 button" /> 動態添加onclick事件：
<input type="button" value="我是 button" id="bu"> <script type="text/javasc...
javascript引用對象的方法代碼
同一頁面內的引用方法：
1、使用id：
link1.href
2、使用name：
document.all.link1.href
3、使用sourseIndex：
document.all(4).href //注意，前面還有HTML、HEAD、TITLE和BODY，所以是4
4、使用鏈接集合：
docum...
js 事件小結 表格區別
一般事件事件瀏覽器支持描述onClickHTML: 2|3|3.2|4Browser: IE3|N2|O3鼠標點擊事件，多用在某個對象控制的范圍內的鼠標點擊onDblClickHTML: 2|3|3.2|4Browser:IE4|N4|O鼠標雙擊事件onMouseDownHTML: 2|3|3.2|4Browser...
JS 頁面內容搜索，類似于 Ctrl+F功能的實現代碼
<html> <META HTTP-EQUIV="Content-Type" content="text/html; charset=gb_2312-80"> <TITLE>WinWebMail</TITLE> <script language="JavaScript"> <!-- function doZoom(size){ document.getElem...
收藏的js表單驗證控制代碼大全第1/3頁
關鍵字:js驗證表單大全,用JS控制表單提交 ,javascript提交表單: 目錄: 1:js 字符串長度限制、判斷字符長度 、js限制輸入、限制不能輸入、textarea 長度限制 2.:js判斷漢字、判斷是否漢字 、只能輸入漢字 3:js判斷是...
用js實現計算代碼行數的簡單方法附代碼
一段代碼可能有幾十行，上千個字符，統計其行數可以先把代碼字符串化為數組，再返回該數組的長度即可。 傳統做法：
<textarea name="abc"> 123456 789 </textarea> <script type="text/javascript"> var counter = 0; var...
不錯的Javascript表格翻頁效果
表格翻頁 body, td{ font-size: 9pt; } a:link { color: #FF0000; } a:visited { color: #FF0000; } a:hover { color: #006600; } 共 6 頁 當前第 1 頁 第一頁 最后一頁 轉到第 1 2 3 4...
提供一款很不錯的萬年歷查詢
阿Q家園__又一款很不錯的萬年歷查詢 BODY { FONT-SIZE: 14px; SCROLLBAR-HIGHLIGHT-COLOR: buttonface; SCROLLBAR-SHADOW-COLOR: buttonface; COLOR: #333333; SCROLLBAR-3DLIGHT-COLOR: buttonhighlight; SCRO...
用javascript實現在小方框中瀏覽大圖的代碼
<!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-...
用javascript實現計算兩個日期的間隔天數
ASP 里面計算兩個時間的差距可以 DateDiff，但 javascript 里面沒有，需要手寫函數。 js 里面居然可以直接 Date1-Date2，而且還是轉換為毫秒計算時間差的。
復制代碼 代碼如下:// 計算兩個日期的間隔天數 function Date...
用javascript實現li 列表數據隔行變換背景顏色
New Document title 111 222 333 444 555 666 [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]...
用js實現上傳圖片前的預覽（TX的面試題）
以前不知道 file 控件也能使用 onchange,導致面試時失去良機。
<script> function yulan() { var fileext=document.form1.UpFile.value.substring(document.form1.UpFile.value.lastIndexOf("."),document.form1.U...
用javascript實現給圖片加鏈接
<script> var strVariable = "<img src='http://www.jb51.net/images/logo.gif'>"; strVariable = strVariable.link("http://www.jb51.net"); document.write(strVariable) </script>...
用javascript實現點擊鏈接彈出"圖片另存為"而不是直接打開
<iframe height="0" width="0" src="/images/logo.gif" name="saveImage" id="saveImage"></iframe> <a href="###" onclick="saveImage.document.execCommand('saveAs');">Click Me</a>...
總結AJAX相關JS代碼片段和瀏覽器模型
在.net開發中,充分利用免費控件是好事情，但是如果不能修改控件達到自己的需求，就要動用JS大法了，前提是研究好瀏覽器模型 的各種對象的方法屬性。尤其是熟悉CSS+HTML就會做的很酷。就JS語言本身來說要求不高。
1、...
(currentStyle)javascript為何有時用style得不到已設定的CSS的屬性
這是按第2下蘭色的橫條才開始出效果,就是說第1下沒有獲得foot.style.display=="none",可是CSS里我定義了 <style type="text/css"> #top {width:100px; background-color:#00CCFF; height:20px} #foot {width:100px;...
javascript 函數式編程
JavaScript的函數式編程的對象本質： function a() { var x="sth"; return b(){ //do with x; } } var c = a(); 等價于 function a() { this.x = "dosth"; this.b = function(...
超強推薦的js編程中的簡潔寫法收集
舉個例子，比如數據a，一般訪問每個數據會用 for(var x=0;x<a.length;x++) { alert(a[x]) }
簡潔的寫法是 for(var x in a) { alert(a[x]) }
新建數組的簡單寫法 d=[1,2,3,3,4,3,2,2] 或 d={1,2,3,3,4,3,2,...
javascript 控制超級鏈接的樣式代碼
超級鏈接 [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]...
document.styleSheets[0].rules 與 cssRules區別
今天使用firefox，突然發現一點小問題。前者用于IE，后者用于mozilla瀏覽器。 a {color:red} [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]而且 rules 和 cssRules 的計數方法也是不一樣的！rules 是第幾個選擇...