JS经典应用.doc

JavaScript使用技巧精萃收藏(一).确认删除用法: 1. BtnDel.Attributes.Add(onclick,return confirm(+确认删除?+); 2. linktempDelete.Attributesonclick=javascript:return confirm(+确认删除?+); 3. private void grdProject_ItemDataBound(object sender, DataGridItemEventArgs e) 4. if (e.Item.ItemType = ListItemType.Item) | (e.Item.ItemType = ListItemType.AlternatingItem)/ 刪除按鈕上的提示部分e.Item.Cells10.Attributes.Add(onclick, return confirm(确定删除吗？);); 5. function delete_y(e) if(event.srcElement.outerText = 删除) event.returnValue=confirm(确定删除?);document.onclick=delete_y; (二).跨语言字符串替换 System.Text.RegularExpressions.Regex.Replace(str1,1*1,).Replace( ,).Replace(,).Replace(,-).Replace(&,&).Replace(<,).Replace(br,n);(三).关闭窗体 1. this.btnClose.Attributes.Add(onclick, window.close();return false;); 2.关闭本窗体间跳转到另一个页面 this.HyperLink1.NavigateUrl = javascript:onclick=window.opener.location.assign ( + index.aspx+ ?&Func=Edit&AutoID= + intAutoid + );window.close(); 3.关闭父窗体: INPUT type=reset value= onclick=window.parent.close() Class=Button 4.关闭本弹出窗体,并刷新父页面 this.Response.Write(window.opener.location.reload();window.close(););(四).Web MessageBox 1. Response.Write( window.alert(保存成功1);); 2. Response.Write(alert(+保存成功!+);); 3. this.Page.RegisterStartupScript(ChiName,alert( + 保存成功! + );(五).DataGrid中加CheckBox控件模板列. 请看:/chengking/archive/2005/10/08/497520.aspx(六). window.open() 方法语法：window.open(pageurl,name,parameters);window对象的open()方法用于创建一个新的窗口实例，新创建的窗口的外观由参数：parameters指定。新窗口中打开的文档由参数： pageurl指定。系统能够根据参数：name确定的名称访问该窗口。 下表为parameters参数表： 参数 衩始值 说明 alwaysLowered yes/no 指定窗口隐藏在所有窗口之下。 alwaysRaised yes/no 指定窗口浮在所有窗口之上。 dependent yes/no 指定打开的窗口为父窗口的一个了窗口。并随父窗口的关闭而关闭。 directions yes/no 指定Navigator 2和3的目录栏是否在新窗口中可见。 height pixel value 设定新窗口的像素高度。 hotkeys yes/no 在没有菜单栏的新窗口设置安全退出热键。 innerHeight pixel value 设置新窗口中文档的像素高度。 innerWidth pixel value 设置新窗口中文档的像素宽度。 location yes/ no 指明位置栏在新窗口中是否可见。 menubar yes /no 指明菜单栏在新窗口中是否可见。 outerHeight pixel value 设定窗口（包括装饰边框）的像素高度。 outerWidth pixel value 设定窗口（包括装饰边框）的像素宽度。 resizable yes /no 指明新窗口是否可以调整。 screenX pixel value 设定新窗口离屏幕边界的像素长度。 screenY pixel value 设定新窗口离屏幕上边界的像素长度。 scrollbars yes /no 指明滚动栏在新窗口中是否可见。 titlebar yes /no 指明菜单题目栏在新窗口是否可见。 toolbar yes /no 指明工具栏在新窗口中是否可见。 Width pixel value 设定窗口的像素宽度。 z-look yes /no 在文档中包含各个标签的数组。 fullscreen yes / no 打开的窗体是否进行全屏显示 left pixel value 设定新窗口距屏幕左方的距离 top pixel value 设定新窗口距屏幕上方的距离 例子: window.open函数 (七).location对象 href 整个URL字符串. protocol 含有URL第一部分的字符串,如http: host 包含有URL中主机名:端口号部分的字符串.如//server/ hostname 包含URL中主机名的字符串.如 port 包含URL中可能存在的端口号字符串. pathname URL中/以后的部分.如list/index.htm hash #号(CGI参数)之后的字符串. search ?号(CGI参数)之后的字符串.(八).按键捕捉 1.Ctrl+Enter按键捕捉方法 2.Alt加快捷键: Alt+A Alt+A(九).控制输入，非法字符不能输入到TextBox. asp:textbox class=Text onkeypress=if (event.keyCode 57) event.returnValue = false;id=txtY_Revenue style=TEXT-ALIGN: right runat=server Width=90% MaxLength=12 说明： 此方法控制TextBox只收数字：09 , 也自可以定义其它可输入字符,如改成: 65123,只允许输入: az和AZ 等.以下为收藏1屏蔽功能类1.1屏蔽键盘所有键1.2屏蔽鼠标右键在body标签里加上oncontextmenu=self.event.returnvalue=false或者functionnocontextmenu()if(document.all)event.cancelBubble=true;event.returnvalue=false;returnfalse;或者1.3屏蔽Ctrl+N、Shift+F10、F5刷新、退格键1.4屏蔽浏览器右上角“最小化”“最大化”“关闭”键functionwindow.onbeforeunload()if(event.clientXdocument.body.clientWidth&event.clientY0|event.altKey)window.event.returnvalue=;或者使用全屏打开页面注：在body标签里加上onbeforeunload=javascript:returnfalse（使不能关闭窗口）1.5屏蔽F5键1.6屏蔽IE后退按钮在你链接的时候用1.7屏蔽主窗口滚动条在body标签里加上style=overflow-y:hidden1.8屏蔽拷屏,不断地清空剪贴板在body标签里加上onload=setInterval(clipboardData.setData(Text,),100)1.9屏蔽网站的打印功能mediaprint*display:none1.10屏蔽IE6.0图片上自动出现的保存图标方法一：方法二：1.11屏蔽页中所有的script2表单提交验证类2.1表单项不能为空2.2比较两个表单项的值是否相同2.3表单项只能为数字和_,用于电话/银行帐号验证上,可扩展到域名注册等!-functionisNumber(String)varLetters=1234567890-;/可以自己增加可输入值vari;varc;if(String.charAt(0)=-)returnfalse;if(String.charAt(String.length-1)=-)returnfalse;for(i=0;iString.length;i+)c=String.charAt(i);if(Letters.indexOf(c)2.4表单项输入数值/长度限定100|document.form.count.value1)alert(输入数值不能小于零大于100!);document.form.count.focus();returnfalse;if(document.form.MESSAGE.value.length2.5中文/英文/数字/邮件地址合法性判断!-functionisEnglish(name)/英文值检测if(name.length=0)returnfalse;for(i=0;i128)returnfalse;returntrue;functionisChinese(name)/中文值检测if(name.length=0)returnfalse;for(i=0;i128)returntrue;returnfalse;functionisMail(name)/E-mail值检测if(!isEnglish(name)returnfalse;i=name.indexOf();j=name.lastIndexOf();if(i=-1)returnfalse;if(i!=j)returnfalse;if(i=name.length)returnfalse;returntrue;functionisNumber(name)/数值检测if(name.length=0)returnfalse;for(i=0;iname.length;i+)if(name.charAt(i)9)returnfalse;returntrue;functionCheckForm()if(!isMail(form.Email.value)alert(您的电子邮件不合法！);form.Email.focus();returnfalse;if(!isEnglish(.value)alert(英文名不合法！);.focus();returnfalse;if(!isChinese(name.value)alert(中文名不合法！);name.focus();returnfalse;if(!isNumber(form.PublicZipCode.value)alert(邮政编码不合法！);form.PublicZipCode.focus();returnfalse;returntrue;/-2.6限定表单项不能输入的字符!-functioncontain(str,charset)/字符串包含测试函数vari;for(i=0;i=0)returntrue;returnfalse;functionCheckForm()if(contain(document.form.NAME.value,%()40种网站设计常用技巧引用1. oncontextmenu=window.event.returnValue=false 将彻底屏蔽鼠标右键no 可用于Table2. 取消选取、防止复制3. onpaste=return false 不准粘贴4. oncopy=return false; oncut=return false; 防止复制5. IE地址栏前换成自己的图标6. 可以在收藏夹中显示出你的图标7. 关闭输入法8. 永远都会带着框架9. 防止被人frame10. 网页将不能被另存为;11. 12.删除时确认删除13. 取得控件的绝对位置/Javascriptfunction getIE(e)var t=e.offsetTop;var l=e.offsetLeft;while(e=e.offsetParent)alert(top=+t+/nleft=+l);/VBScript!-function getIE()dim t,l,a,bset a=document.all.img1t=document.all.img1.offsetTopl=document.all.img1.offsetLeftwhile a.tagNameBODYset a = a.offsetParentt=t+a.offsetTopl=l+a.offsetLeftwendmsgbox top=&t&chr(13)&left=&l,64,得到控件的位置end function-14. 光标是停在文本框文字的最后function cc()var e = event.srcElement;var r =e.createTextRange();r.moveStart(character,e.value.length);r.collapse(true);r.select();15. 判断上一页的来源javascript:document.referrer16. 最小化、最大化、关闭窗口本例适用于IE17.屏蔽功能键Shift,Alt,Ctrlfunction look()if(event.shiftKey)alert(禁止按Shift键!); /可以换成ALTCTRLdocument.onkeydown=look;18. 网页不会被缓存或者19.怎样让表单没有凹凸感？或20.&的区别？(division)用来定义大段的页面元素，会产生转行用来定义同一行内的元素，跟的唯一区别是不产生转行是ns的标记，ie不支持，相当于21.让弹出窗口总是在最上面:22.不要滚动条?让竖条没有:让横条没有:两个都去掉？更简单了23.怎样去掉图片链接点击后，图片周围的虚线？24.电子邮件处理提交表单25.在打开的子窗口刷新父窗口的代码里如何写？window.opener.location.reload()26.如何设定打开页面的大小打开页面的位置27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动bodybackground-image:url(/blog/logo.gif); background-repeat:no-repeat;background-position:center;background-attachment: fixed28. 检查一段字符串是否全由数字组成29. 获得一个窗口的大小document.body.clientWidth; document.body.clientHeight30. 怎么判断是否是字符if (/x00-/xff/g.test(s) alert(含有汉字);else alert(全是字符);31.TEXTAREA自适应文字行数的多少32. 日期减去天数等于第二个日期function cc(dd,dadd)/可以加上错误处理var a = new Date(dd)a = a.valueOf()a = a - dadd * 24 * 60 * 60 * 1000a = new Date(a)alert(a.getFullYear() + 年 + (a.getMonth() + 1) + 月 + a.getDate() + 日)cc(12/23/2002,2)33. 选择了哪一个Radiofunction checkme()for each ob in radio1if ob.checked then window.alert ob.valuenextend functionStyleBarcode34.脚本永不出错35.ENTER键可以让光标移到下一个输入框36. 检测某个网站的链接速度：把如下代码加入区域中:tim=1setInterval(tim+,100)b=1var autourl=new Array()autourl1=autourl2=autourl3=autourl4=autourl5=function butt()document.write()for(var i=1;iautourl.length;i+)document.write( = =)document.write()butt()function auto(url)elseb+function run()for(var i=1;iautourl.length;i+)document.write()run()37. 各种样式的光标auto ：标准光标default ：标准箭头hand ：手形光标wait ：