JavaScript使用技巧精.docx

1、JavaScript使用技巧精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) |

2、(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; (三).关闭窗体 1. this.btnClose.Attributes.Add(onclick, wi

3、ndow.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.

4、Write( window.opener.location.reload();window.close(); ); 5.返回上一页 超链接设置HRef属性：javascript:history.back(-1)(四).Web MessageBox 1. Response.Write( window.alert(保存成功1); ); 2. Response.Write( alert(+保存成功!+); ); 3. this.Page.RegisterStartupScript(ChiName, alert( + 保存成功! + ) ); (五).DataGrid中加CheckBox控件模板列.

5、请看: (六). window.open() 方法 语法：window.open(pageurl,name,parameters); window对象的open()方法用于创建一个新的窗口实例，新创建的窗口的外观由参数：parameters指定。新窗口中打开的文档由参数： pageurl指定。系统能够根据参数：name确定的名称访问该窗口。 下表为parameters参数表： 参数 衩始值 说明 alwaysLowered yes/no 指定窗口隐藏在所有窗口之下。 alwaysRaised yes/no 指定窗口浮在所有窗口之上。 dependent yes/no 指定打开的窗口为父窗口的一

6、个了窗口。并随父窗口的关闭而关闭。 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 设定

7、窗口（包括装饰边框）的像素高度。 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-loo

8、k yes /no 在文档中包含各个 标签的数组。 fullscreen yes / no 打开的窗体是否进行全屏显示 left pixel value 设定新窗口距屏幕左方的距离 top pixel value 设定新窗口距屏幕上方的距离 例子: window.open函数 div img max-width:600px; width:600px; width:expression(document.body.clientWidth600?600px:auto); overflow:hidden; 图片自适应大小Response.Write(alert(采购单提交成功！谢谢您的采购！); l

9、ocation.href=index.htm );Response.Write(setTimeout(location.href=,2000);); gridview中 Response.Write(alert(修改成功！);window.history.go(-2);); document.getElementById(msh2).innerHTML= document.getElementById(Layer1).innerHTML; 25.光标是停在文本框文字的最后 function cc()var e = event.srcElement;var r =e.createTextRang

10、e();r.moveStart(character,e.value.length);r.collapse(true);r.select(); 3关闭当前窗口 a href=/onClick=javascript:window.close();return false;关闭窗口/a 45秒后关闭当前页 script language=Javascript !- setTimeout(window.close();,5000); - /script 52秒后载入指定网页 head meta http-equiv=refresh content=2;URL=http:/你的网址 /head 6/*

11、加入收藏夹 */function JSAddFavorite(FavName, FavUrl) if ( window.sidebar & object = typeof( window.sidebar ) & function = typeof( window.sidebar.addPanel ) ) / firefox window.sidebar.addPanel( FavName, FavUrl, ); else if ( document.all & object = typeof( window.external ) ) / ie window.external.AddFavori

12、te(FavUrl, FavName); 7让超链接不显示下划线 style type=text/css !- a:linktext-decoration:none a:hovertext-decoration:none a:visitedtext-decoration:none - /style 9设置该页为首页 body bgcolor=#FFFFFF text=#000000 !- 网址：http:/你的网址- a class=chlnk style=cursor:hand HREF onClick=this.style.behavior=url(#default#homepage);

13、this.setHomePage(你的网站名称);font color=000000 size=2 face=宋体设为首页/font/a /body 10节日倒计时 script Language=Javascript var timedate= new Date(December 25,2003); var times=圣诞节; var now = new Date(); var date = timedate.getTime() - now.getTime(); var time = Math.floor(date / (1000 * 60 * 60 * 24); if (time = 0

14、) document.write(现在离+times+还有: +time +天)/script 13显示系统当前日期 script language=Javascript today=new Date(); function date() this.length=date.arguments.length for(var i=0;ithis.length;i+) thisi+1=date.arguments var d=new date(星期日,星期一,星期二,星期三,星期四,星期五,星期六); document.write( font color=#000000 style=font-siz

15、e:9pt;font-family: 宋体 , today.getYear(),年,today.getMonth()+1,月,today.getDate(),日, dtoday.getDay()+1,/font ); /script 14不同时间段显示不同问候语 script Language=Javascript !- var text=; day = new Date( ); time = day.getHours( ); if ( time=0) & (time 7 ) text=夜猫子，要注意身体哦！ if ( time = 7 ) & (time 12) text=今天天气哈哈哈，不

16、去玩吗？ if ( time = 12) & (time 14) text=午休时间哦，朋友一定是不习惯午睡的吧？！ if ( time =14) & (time 18) text=下午茶的时间到了，休息一下吧！ if (time = 18) & (time = 22) text=您又来了，可别和MM聊太久哦！ if (time = 22) & (time 24) text=很晚了哦，注意休息呀！ document.write(text) /- /script 1. oncontextmenu=window.event.returnvalue=false 将彻底屏蔽鼠标右键 no 可用于Tab

17、le 2. 取消选取、防止复制 3. onpaste=return false 不准粘贴 4. oncopy=return false; oncut=return false; 防止复制 5. IE地址栏前换成自己的图标 6. 可以在收藏夹中显示出你的图标 7. 关闭输入法 8. 永远都会带着框架 9. 防止被人frame 10. 网页将不能被另存为 15. 判断上一页的来源 javascript: document.referrer 17.屏蔽功能键Shift,Alt,Ctrl function look() if(event.shiftKey) alert(禁止按Shift键!); /可以

18、换成ALTCTRL document.onkeydown=look; 19.怎样让表单没有凹凸感？ 或 20.&的区别？ (division)用来定义大段的页面元素，会产生转行用来定义同一行内的元素，跟的唯一区别是不产生转行 是ns的标记，ie不支持，相当于 21.让弹出窗口总是在最上面: 22.不要滚动条? 让竖条没有: 让横条没有: 两个都去掉？更简单了 23.怎样去掉图片链接点击后，图片周围的虚线？ 24.电子邮件处理提交表单 25.在打开的子窗口刷新父窗口的代码里如何写？ window.opener.location.reload() 26.如何设定打开页面的大小 打开页面的位置 35

19、.ENTER键可以让光标移到下一个输入框 1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后，产生该文件Onchange:当文字值改变时，产生该事件Onselect:当文字加亮后，产生该文件 9.状态栏显示该页状态46.可以下载文件 document.location.href=目标文件/70.截取小数点后两位var a=3454545.4454545;alert(a.toFixed(2);/82.event.x,event.clientX,event.offsetX区别：x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。 clien

20、tX:相对于客户区域的x坐标位置，不包括滚动条，就是正文区域。 offsetx：设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。 screenX:相对于用户屏幕。 170.正则表达式/利用正则表达式分解和转换IP地址：下面是利用正则表达式匹配IP地址，并将IP地址转换成对应数值的Javascript程序：function IP2V(ip) re=/(d+).(d+).(d+).(d+)/g /匹配IP地址的正则表达式if(re.test(ip)return RegExp.$1*Math.pow(255,3)+RegExp.$2*Math.pow(255,2)+RegExp.$3*255+RegExp.$4*1else throw new Error(Not a valid IP address!)不过上面的程序如果不用正则表达式，而直接用split函数来分解可能更简单，程序如下：var ip=10.100.20.168ip=ip.split(.)alert(IP值是：+(ip0*255*255*255+ip1*255*255+ip2*255+ip3*1) 程序代码*检测是否是手机浏览* 程序代码*取得IP地址*