//4舍5入后取i位小数 function selectedPoint(value,i) { return p […]
按键转换(回车输入为Tab输入)
//转换回车输入为Tab输入，转向下一个元素 ?function keyDown(DnEvents){ ? ? […]
窗口操作
//在fmain页面上显示帮助页面 //系统在设计中提供在线帮助，在线帮助为一可以移动的div，在fmain页 […]
鼠标移动经过TR时变色
//鼠标移动经过tr时变色 ?var rowbgcolor = ‘#ffffff’; […]
select元素操作
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 |
//获得select元素当前选中的值 //输入参数：select表单元素 //返回：字符串 //get the value from select that selected function getSelectValue(selobj) { if (selobj.options.length == 0 || selobj.selectedIndex == -1) return null; var str; str = selobj.options[selobj.selectedIndex].value; return str; } //获得select元素当前选中的文本 //输入参数：select表单元素 //返回：字符串 //get the text from select that selected function getSelectText(selobj) { if (selobj.options.length == 0 || selobj.selectedIndex == -1) return null; var str; str = selobj.options[selobj.selectedIndex].text; return str; } function getSelectValueArray(selobj) { var selNums = 0; for (var i = 0; i < selobj.options.length; i++) if (selobj.options[i].selected) selNums++; var options = new Array(selNums); var n = 0; for (var i = 0; i < selobj.options.length; i++) if (selobj.options[i].selected) options[n++] = selobj.options[i].value; return options; } //选中select指定选项，如果不存在不做处理 function selectedOne(selobj, value) { var len = selobj.options.length; if (len == 0) return false; for (i = 0; i < len; i++) { if (selobj.options[i].value == value) selobj.options[i].selected = true; } return true; } |
轮换显示
function exchangeImg(elm,pic1,pic2){ if(elm.src == R […]
字符串操作大全
function trim(str){ if(str==null) return “” […]
显示或者隐藏大全
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
//显示隐藏div，该函数应用于checkbox与div动态关联 //用户选中checkbox后div显示，取消选中时div隐藏 //输入参数：checkbox表单元素，div元素 function linkdisplay(checkbox, divID) { if (checkbox.checked) { divID.style.display = "block"; } else divID.style.display = "none"; } //显示/隐藏div元素 //输入参数：div元素 function display(selobj) { if (selobj.length == null) selobj.style.display = "block"; else for (var i = 0; i < selobj.length; i++) selobj[i].style.display = "block"; } function hidden(selobj) { if (selobj.length == null) selobj.style.display = "none"; else for (var i = 0; i < selobj.length; i++) selobj[i].style.display = "none"; } |
自由编辑表格
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 |
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312″> <title> 测试修改表格 </title> <style> /*提示层的样式*/ div { BORDER-RIGHT: #80c144 1px solid; BORDER-TOP: #80c144 1px solid; VISIBILITY: hidden; BORDER-LEFT: #80c144 1px solid; CURSOR: default; LINE-HEIGHT: 20px; BORDER-BOTTOM: #80c144 1px solid; FONT-FAMILY: 宋体; font-size:12px; POSITION: absolute; BACKGROUND-COLOR: #f6f6f6; TOP:30px; LEFT:30px; } /*tr的样式*/ tr { font-family: "宋体"; color: #000000; background-color: #C1DBF5; font-size: 12px } /*table脚注样式*/ .TrFoot { FONT-SIZE: 12px; font-family:"宋体", "Verdana", "Arial"; BACKGROUND-COLOR: #6699CC; COLOR:#FFFFFF; height: 25; } /*trhead属性*/ .TrHead { FONT-SIZE: 13px; font-family:"宋体", "Verdana", "Arial"; BACKGROUND-COLOR: #77AADD; COLOR:#FFFFFF; height: 25; } /*文本框样式*/ INPUT { BORDER-COLOR: #AACEF7 #AACEF7 #AACEF7 #AACEF7; BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid; FONT-SIZE: 12px; FONT-FAMILY: "宋体","Verdana"; color: #000000; BACKGROUND-COLOR: #E9EFF5; } /*button样式*/ button { BORDER-COLOR: #AACEF7 #AACEF7 #AACEF7 #AACEF7; BACKGROUND-COLOR: #D5E4F3; CURSOR: hand; FONT-SIZE:12px; BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid; COLOR: #000000; } </style> </head> <body> <script language=" JavaScript"> //标志位,值为false代表未打开一个编辑框,值为true为已经打开一个编辑框开始编辑 var editer_table_cell_tag = false; //开启编辑功能标志,值为true时为允许编辑 var run_edit_flag = false; </script> <script language=" JavaScript"> /** * 编辑表格函数 * 单击某个单元格可以对里面的内容进行自由编辑 * @para tableID 为要编辑的table的id * @para noEdiID 为不要编辑的td的ID,比如说table的标题 * 可以写为<td id="no_editer">自由编辑表格</td> * 此时该td不可编辑 */ function editerTableCell(tableId, noEdiId) { var tdObject = event.srcElement; var tObject = ((tdObject.parentNode).parentNode).parentNode; if (tObject.id == tableId && tdObject.id != noEdiId && editer_table_cell_tag == false && run_edit_flag == true) { tdObject.innerHTML = " < input type = text id = edit_table_txt name = edit_table_txt value = " + tdObject.innerText + "size = '15′onKeyDown = 'enterToTab()' > <input type = button value = '确定'onclick = 'certainEdit()' > "; edit_table_txt.focus(); edit_table_txt.select(); editer_table_cell_tag = true; //修改按钮提示信息 editTip.innerText = "请先点确定按钮确认修改!"; } else { return false; } } /** * 确定修改 */ function certainEdit() { var bObject = event.srcElement; var tdObject = bObject.parentNode; var txtObject = tdObject.firstChild; tdObject.innerHTML = txtObject.value; //代表编辑框已经关闭 editer_table_cell_tag = false; //修改按钮提示信息 editTip.innerText = "请单击某个单元格进行编辑!"; } function enterToTab() { if (event.srcElement.type != 'button' && event.srcElement.type != 'textarea' && event.keyCode == 13) { event.keyCode = 9; } } /** * 控制是否编辑 */ function editStart() { if (event.srcElement.value == "开始编辑") { event.srcElement.value = "编辑完成"; run_edit_flag = true; } else { //如果当前没有编辑框,则编辑成功,否则,无法提交 //必须按确定按钮后才能正常提交 if (editer_table_cell_tag == false) { alert("编辑成功结束!"); event.srcElement.value = "开始编辑"; run_edit_flag = false; } } } /** * 根据不同的按钮提供不同的提示信息 */ function showTip() { if (event.srcElement.value == "编辑完成") { editTip.style.top = event.y + 15; editTip.style.left = event.x + 12; editTip.style.visibility = "visible"; } else { editTip.style.visibility = "hidden"; } } </script> <table id="editer_table" width="100%" align="center" onclick="editerTableCell('editer_table','no_editer')"> <tr class="TrHead"> <td colspan="3″ align="center" id="no_editer">自由编辑表格</td> </tr> <tr> <td width="33%">单击开始编辑按钮,然后点击各单元格编辑</td> <td width="33%">2</td> <td width="33%">3</td> </tr> <tr> <td width="33%">4</td> <td width="33%">5</td> <td width="33%">6</td> </tr> <tr> <td width="33%">one</td> <td width="33%">two</td> <td width="33%">three</td> </tr> <tr> <td width="33%">four</td> <td width="33%">five</td> <td width="33%">six</td> </tr> <tr class="TrFoot"> <td colspan="3″ align="center" id="no_editer"> <input type="button" class="bt" value="开始编辑" onClick="editStart()" onMouseOver="showTip()" onMouseMove="showTip()" onMouseOut="editTip.style.visibility = 'hidden';"> </td> </tr> </table> </body> <div id="editTip">请单击某个单元格进行编辑!</div> </html> |
回车键换为tab
在每个文本框的onblur事件中调用校验代码,并且每个文本框中onKeyDown事件中写一个enter转tab […]
只限制输入数字
具有在输入非数字字符不回显的效果，即对非数字字符的输入不作反应。 [code] function number […]
电话号码的验证
电话号码的验证 要求： (1)电话号码由数字、”(“、”)”和 […]
无边框窗口
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 |
<html XMLNS:IE> <meta http-equiv="Content-Type" content="text/html; charset=gb2312″> <ie:Download ID="include" STYLE="behavior:url(#default#download)" /> <title> Chromeless Window </title> <script LANGUAGE="JScript"> /*— Special Thanks For andot —*/ /* This following code are designed and writen by Windy_sk <seasonx@163.net> You can use it freely, but u must held all the copyright items! */ /*— Thanks For andot Again —*/ var CW_width = 400; var CW_height = 300; var CW_top = 100; var CW_left = 100; var CW_url = " / "; var New_CW = window.createPopup(); var CW_Body = New_CW.document.body; var content = ""; var CSStext = "margin: 1px; color: black; border: 2px outset; border - style: expression(onmouseout = onmouseup = function() { this.style.borderStyle = 'outset' }, onmousedown = function() { if (event.button != 2) this.style.borderStyle = 'inset' }); background - color: buttonface; width: 16px; height: 14px; font - size: 12px; line - height: 11px; cursor: Default;"; //Build Window include.startDownload(CW_url, function(source) { content = source }); function insert_content() { var temp = ""; CW_Body.style.overflow = "hidden"; CW_Body.style.backgroundColor = "white"; CW_Body.style.border = "solid black 1px"; content = content.replace(/<a ([^>]*)>/g, " < a onclick = 'parent.open(this.href); return false'$1 > "); temp += " < table width = 100 % height = 100 % cellpadding = 0 cellspacing = 0 border = 0 > "; temp += " < tr style = '; font - size: 12px; background: #0099CC;height:20;cursor:default' ondblclick="Max.innerText = Max.innerText == '1′ ? '2′ : '1′; parent.if_max = !parent.if_max; parent.show_CW();"onmouseup = 'parent.drag_up(event)'onmousemove = 'parent.drag_move(event)'onmousedown = 'parent.drag_down(event)'onselectstart = ' return false'oncontextmenu = ' return false' > "; temp += " < td style = 'color: #ffffff; padding - left: 5px' > Chromeless Window For IE6 SP1 < /td>"; temp += "<td style='color:#ffffff;padding-right:5px;' align=right>"; temp += "<span id=Help onclick="alert('Chromeless Window For IE6 SP1 – Ver 1.0\n\nCode By Windy_sk\n\nSpecial Thanks For andot')" style=""+CSStext+"font-family:System;padding-right:2px;">?</span > "; temp += " < span id = Min onclick = 'parent.New_CW.hide(); parent.blur()'style = ""+CSStext+"font-family:Webdings;" title='Minimum'>0</span>"; temp += "<span id=Max onclick="this.innerText=this.innerText=='1′?'2′:'1′;parent.if_max=!parent.if_max;parent.show_CW();" style="" + CSStext + "font - family: Webdings;"title = 'Maximum' > 1 < /span>"; temp += "<span id=Close onclick='parent.opener=null;parent.close()' style=""+CSStext+"font-family:System;padding-right:2px;" title='Close'>x</span > "; temp += " < /td></tr > < tr > < td colspan = 2 > "; temp += " < div id = include style = 'overflow: scroll; overflow - x: hidden; overflow - y: auto; HEIGHT: 100 % ; width: " + CW_width + "' > "; temp += content; temp += " < /div>"; temp += "</td > < /tr></table > "; CW_Body.innerHTML = temp; } setTimeout("insert_content()", 1000); var if_max = true; function show_CW() { window.moveTo(10000, 10000); if (if_max) { New_CW.show(CW_top, CW_left, CW_width, CW_height); if (typeof(New_CW.document.all.include) != "undefined") { New_CW.document.all.include.style.width = CW_width; New_CW.document.all.Max.innerText = "1″; } } else { New_CW.show(0, 0, screen.width, screen.height); New_CW.document.all.include.style.width = screen.width; } } window.onfocus = show_CW; window.onresize = show_CW; // Move Window var drag_x, drag_y, draging = false function drag_move(e) { if (draging) { New_CW.show(e.screenX - drag_x, e.screenY - drag_y, CW_width, CW_height); return false; } } function drag_down(e) { if (e.button == 2) return; if (New_CW.document.body.offsetWidth == screen.width && New_CW.document.body.offsetHeight == screen.height) return; drag_x = e.clientX; drag_y = e.clientY; draging = true; e.srcElement.setCapture(); } function drag_up(e) { draging = false; e.srcElement.releaseCapture(); if (New_CW.document.body.offsetWidth == screen.width && New_CW.document.body.offsetHeight == screen.height) return; CW_top = e.screenX - drag_x; CW_left = e.screenY - drag_y; } </script> </html> |
验证IP地址格式是否正确
[html] ?<script LANGUAGE=”JavaScript”> […]
TABLAE相关(客户端动态增加行列）
[html] <html> <script LANGUAGE=”JScript& […]
写注册表
[code] <script> var WshShell = WScript.CreateObje […]
Javascript写注册表
|
1 2 3 4 5 6 7 8 9 10 |
<script> var WshShell = WScript.CreateObject("WScript.Shell"); WshShell.RegWrite ("HKCUSoftwareACMEFortuneTeller", 1, "REG_BINARY"); WshShell.RegWrite ("HKCUSoftwareACMEFortuneTellerMindReader", "Goocher!", "REG_SZ"); var bKey = WshShell.RegRead ("HKCUSoftwareACMEFortuneTeller"); WScript.Echo (WshShell.RegRead ("HKCUSoftwareACMEFortuneTellerMindReader")); WshShell.RegDelete ("HKCUSoftwareACMEFortuneTellerMindReader"); WshShell.RegDelete ("HKCUSoftwareACMEFortuneTeller"); WshShell.RegDelete ("HKCUSoftwareACME"); </script> |
画图
[html] <object id=S style=”LEFT: 0px; WIDTH: 3 […]
Javascript画图
|
1 2 3 4 5 6 7 |
<object id=S style="LEFT: 0px; WIDTH: 392px; TOP: 0px; HEIGHT: 240px" height=240 width=392 classid="clsid:369303C2-D7AC-11D0-89D5-00A0C90833E6"> </object> <script> S.DrawingSurface.ArcDegrees(0,0,0,30,50,60); S.DrawingSurface.ArcRadians(30,0,0,30,50,60); S.DrawingSurface.Line(10,10,100,100); </script> |
文件上传过程中判断文件类型
[html] <input type=file onchange=”alert(this.v […]
复选框的全选，多选，全不选，反选
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 |
<form name=hrong> <input type=checkbox name=All onclick="checkAll('mm')"> 全选 <br/> <input type=checkbox name=mm onclick="checkItem('All')"> <br/> <input type=checkbox name=mm onclick="checkItem('All')"> <br/> <input type=checkbox name=mm onclick="checkItem('All')"> <br/> <input type=checkbox name=mm onclick="checkItem('All')"> <br/> <input type=checkbox name=mm onclick="checkItem('All')"> <br/> <br/> <input type=checkbox name=All2 onclick="checkAll('mm2′)"> 全选 <br/> <input type=checkbox name=mm2 onclick="checkItem('All2′)"> <br/> <input type=checkbox name=mm2 onclick="checkItem('All2′)"> <br/> <input type=checkbox name=mm2 onclick="checkItem('All2′)"> <br/> <input type=checkbox name=mm2 onclick="checkItem('All2′)"> <br/> <input type=checkbox name=mm2 onclick="checkItem('All2′)"> <br/> </form> <script LANGUAGE="JavaScript"> function checkAll(str) { var a = document.getElementsByName(str); var n = a.length; for (var i = 0; i < n; i++) a[i].checked = window.event.srcElement.checked; } function checkItem(str) { var e = window.event.srcElement; var all = eval("document.hrong." + str); if (e.checked) { var a = document.getElementsByName(e.name); all.checked = true; for (var i = 0; i < a.length; i++) { if (!a[i].checked) { all.checked = false; break; } } } else all.checked = false; } </script> |
身份证的验证
[html] ?<script> ?function isIdCardNo(num) ? ? ? […]
email地址的判断
<script> function ismail(mail) { return(new RegEx […]
浏览器判断
判断浏览器的类型 window.navigator.appName 判断ie的版本 window.naviga […]
字符验证类—正则表达式
判断字符全部由a-Z或者是A-Z的字字母组成 ? ? ?<input onblur=”if( […]