javascript技巧大全.docx

javascript技巧大全.docx

《javascript技巧大全.docx》由会员分享，可在线阅读，更多相关《javascript技巧大全.docx（34页珍藏版）》请在冰豆网上搜索。

javascript技巧大全

01.

（一）.确认删除用法:

02.

03.1.BtnDel.Attributes.Add（"onclick","returnconfirm（'"+"确认删除?

"+"'）"）;

04.

05.2.linktempDelete.Attributes["onclick"]="javascript:

returnconfirm（'"+"确认删除?

"+"'）;";

06.

07.3.privatevoidgrdProject_ItemDataBound（objectsender,DataGridItemEventArgse）

08.

09.4.

10.

11.{

12.

13.if（（e.Item.ItemType==ListItemType.Item）¦（e.Item.ItemType==ListItemType.AlternatingItem））

14.

15.{

16.

17.//刪除按鈕上的提示部分

18.

19.e.Item.Cells[10].Attributes.Add（"onclick","returnconfirm（'确定删除吗？

'）;"）;

20.

21.}

22.

23.}

24.

25.5.

26.

27.

28.

29.functiondelete_y（e）

30.

31.{

32.

33.if（event.srcElement.outerText=="删除"）

34.

35.event.returnValue=confirm（"确定删除?

"）;

36.

37.}

38.

39.document.onclick=delete_y;

40.

41.

42.

43.

44.

45.

（二）.跨语言字符串替换

46.

47.System.Text.RegularExpressions.Regex.Replace（str1,@"<{1}[^<>]*>{1}",""）.Replace（"",""）.Replace（"\","\\"）.Replace（"-","-"）.Replace（"&","&"）.Replace（"<","<"）.Replace（">",">"）.Replace（"br","\n"）;

48.

49.

50.

51.（三）.关闭窗体

52.

53.1.

54.

55.this.btnClose.Attributes.Add（"onclick","window.close（）;returnfalse;"）;

56.

57.2.关闭本窗体间跳转到另一个页面

58.

59.this.HyperLink1.NavigateUrl="javascript:

onclick=window.opener.location.assign

60.

61.（'"+"index.aspx"+"?

&Func=Edit&AutoID="+intAutoid+'）;window.close（）;";

62.

63.3.关闭父窗体:

64.

65.'onclick="window.parent.close（）"Class="Button">

66.

67.

68.

69.4.关闭本弹出窗体,并刷新父页面

70.

71.

72.

73.this.Response.Write（"window.opener.location.reload（）;window.close（）;"）;

74.

75.

76.

77.

78.

79.（四）.WebMessageBox

80.

81.1.

82.

83.Response.Write（"window.alert（'保存成功1'）;"）;

84.

85.2.

86.

87.Response.Write（""）;

88.

89.3.

90.

91.this.Page.RegisterStartupScript（"ChiName","alert（'"+"保存成功!

"+"'）"）;

92.

93.

94.

95.（五）.DataGrid中加CheckBox控件模板列.

96.

97.请看:

98.

99.

100.

101.（六）.window.open（）方法

102.

103.语法：

window.open（pageurl,name,parameters）;

104.

105.window对象的open（）方法用于创建一个新的窗口实例，新创建的窗口的外观由参数：

parameters指定。

新窗口中打开的文档由参数：

pageurl指定。

系统能够根据参数：

name确定的名称访问该窗口。

106.

107.

108.

109.下表为parameters参数表：

110.

111.参数衩始值说明

112.

113.alwaysLoweredyes/no指定窗口隐藏在所有窗口之下。

114.

115.alwaysRaisedyes/no指定窗口浮在所有窗口之上。

116.

117.dependentyes/no指定打开的窗口为父窗口的一个了窗口。

并随父窗口的关闭而关闭。

118.

119.directionsyes/no指定Navigator2和3的目录栏是否在新窗口中可见。

120.

121.heightpixelvalue设定新窗口的像素高度。

122.

123.hotkeysyes/no在没有菜单栏的新窗口设置安全退出热键。

124.

125.innerHeightpixelvalue设置新窗口中文档的像素高度。

126.

127.innerWidthpixelvalue设置新窗口中文档的像素宽度。

128.

129.locationyes/no指明位置栏在新窗口中是否可见。

130.

131.menubaryes/no指明菜单栏在新窗口中是否可见。

132.

133.outerHeightpixelvalue设定窗口（包括装饰边框）的像素高度。

134.

135.outerWidthpixelvalue设定窗口（包括装饰边框）的像素宽度。

136.

137.resizableyes/no指明新窗口是否可以调整。

138.

139.screenXpixelvalue设定新窗口离屏幕边界的像素长度。

140.

141.screenYpixelvalue设定新窗口离屏幕上边界的像素长度。

142.

143.scrollbarsyes/no指明滚动栏在新窗口中是否可见。

144.

145.titlebaryes/no指明菜单题目栏在新窗口是否可见。

146.

147.toolbaryes/no指明工具栏在新窗口中是否可见。

148.

149.Widthpixelvalue设定窗口的像素宽度。

150.

151.z-lookyes/no在文档中包含各个标签的数组。

152.

153.fullscreenyes/no打开的窗体是否进行全屏显示

154.

155.leftpixelvalue设定新窗口距屏幕左方的距离

156.

157.toppixelvalue设定新窗口距屏幕上方的距离

158.

159.

160.

161.例子:

162.

163.

164.

165.

166.

167.

168.

169.

170.

171.

172.

173.

174.

175.

--

176.

177.window.open（"","name1","width=100,height=200,toolbar=no,scrollbars=no,menubar=no,screenX=100,screenY=100"）;

178.

179.//-->

180.

181.

182.

183.

184.

185.

186.

187.

188.

189.（七）.location对象

190.

191.href整个URL字符串.

192.

193.protocol含有URL第一部分的字符串,如http:

194.

195.host包含有URL中主机名:

端口号部分的字符串.如//

196.

197.hostname包含URL中主机名的字符串.如

198.

199.port包含URL中可能存在的端口号字符串.

200.

201.pathnameURL中"/"以后的部分.如~list/index.htm

202.

203.hash"#"号（CGI参数）之后的字符串.

204.

205.search"?

"号（CGI参数）之后的字符串.

01.（八）.按键捕捉

02.

03.1.Ctrl+Enter按键捕捉方法

04.

05.

06.

07.

08.

09.

--

10.

11.functiondoKeyDown（）

12.

13.{

14.

15.if（event.ctrlKey&&event.keyCode==13）

16.

17.{

18.

19.alert（"YoupressedtheCtrl+Enter"）

20.

21.}

22.

23.}

24.

25.//-->

26.

27.

28.

29.

30.

31.2.Alt加快捷键:

Alt+A

32.

33.

'）">Alt+A

34.

35.（九）.控制输入，非法字符不能输入到TextBox.

36.

37.

textboxclass="Text"

38.

39.onkeypress="if（event.keyCode<48¦¦event.keyCode>57）event.returnValue=false;"

40.

41.id="txtY_Revenue"style="TEXT-ALIGN:

right"runat="server"Width="90%"MaxLength="12">

42.

43.

textbox>

44.

45.说明：

此方法控制TextBox只收数字：

0~9,也自可以定义其它可输入字符,如改成:

65~123,只允许输入:

a~z和A~Z等.

46.

47.

48.

49.[以下为收藏]

50.

51.

52.

53.1>屏蔽功能类

54.

55.

56.

57.1.1屏蔽键盘所有键

58.

59.

60.

61.

--

62.

63.functiondocument.onkeydown（）{

64.

65.event.keyCode=0;

66.

67.event.returnvalue=false;

68.

69.}

70.

71.-->

72.

73.

74.

75.

76.

77.1.2屏蔽鼠标右键

78.

79.

80.

81.在body标签里加上oncontextmenu=self.event.returnvalue=false

82.

83.

84.

85.或者

86.

87.

88.

89.

90.

91.

--

92.

93.functiondocument.oncontextmenu（）

94.

95.{

96.

97.returnfalse;

98.

99.}

100.

101.-->

102.

103.

104.

105.

106.

107.functionnocontextmenu（）

108.

109.{

110.

111.if（document.all）{

112.

113.event.cancelBubble=true;

114.

115.event.returnvalue=false;

116.

117.returnfalse;

118.

119.}

120.

121.}

122.

123.

124.

125.或者

126.

127.

128.

129.

130.

131.

132.

133.

134.

135.

--

136.

137.functionrclick（）

138.

139.{

140.

141.if（document.all）{

142.

143.if（event.button==2）{

144.

145.event.returnvalue=false;

146.

147.}

148.

149.}

150.

151.}

152.

153.-->

154.

155.

156.

157.

158.

159.

160.

161.1.3屏蔽Ctrl+N、Shift+F10、F5刷新、退格键

162.

163.

164.

165.

166.

167.

--

168.

169.//屏蔽鼠标右键、Ctrl+N、Shift+F10、F5刷新、退格键

170.

171.functionwindow.onhelp（）{returnfalse}//屏蔽F1帮助

172.

173.functionKeyDown（）{

174.

175.if（（window.event.altKey）&&

176.

177.（（window.event.keyCode==37）¦¦//屏蔽Alt+方向键←

178.

179.（window.event.keyCode==39）））{//屏蔽Alt+方向键→

180.

181.alert（"不准你使用ALT+方向键前进或后退网页！

"）;

182.

183.event.returnvalue=false;

184.

185.}

186.

187.

188.

189./*注：

这还不是真正地屏蔽Alt+方向键，

190.

191.因为Alt+方向键弹出警告框时，按住Alt键不放，

192.

193.用鼠标点掉警告框，这种屏蔽方法就失效了。

以后若

194.

195.有哪位高手有真正屏蔽Alt键的方法，请告知。

*/

196.

197.

198.

199.if（（event.keyCode==8）&&

200.

201.（event.srcElement.type!

="text"&&

202.

203.event.srcElement.type!

="textarea"&&

204.

205.event.srcElement.type!

="password"）¦¦//屏蔽退格删除键

206.

207.（event.keyCode==116）¦¦//屏蔽F5刷新键

208.

209.（event.ctrlKey&&event.keyCode==82））{//Ctrl+R

210.

211.event.keyCode=0;

212.

213.event.returnvalue=false;

214.

215.}

216.

217.if（（event.ctrlKey）&&（event.keyCode==78））//屏蔽Ctrl+n

218.

219.event.returnvalue=false;

220.

221.if（（event.shiftKey）&&（event.keyCode==121））//屏蔽shift+F10

222.

223.event.returnvalue=false;

224.

225.if（window.event.srcElement.tagName=="A"&&window.event.shiftKey）

226.

227.window.event.returnvalue=false;//屏蔽shift加鼠标左键新开一网页

228.

229.if（（window.event.altKey）&&（window.event.keyCode==115））{//屏蔽Alt+F4

230.

231.window.showModelessDialog（"about:

blank","","dialogWidth:

1px;dialogheight:

1px"）;

232.

233.returnfalse;}

234.

235.}

236.

237./*另外可以用window.open的方法屏蔽IE的所有菜单

238.

239.第一种方法：

240.

241.window.open（"你的.htm","","toolbar=no,location=no,directories=no,menubar=no,scrollbars=no,resizable=yes,status=no,top=0,left=0"）

242.

243.第二种方法是打开一个全屏的页面：

244.

245.window.open（"你的.asp","","fullscreen=yes"）

246.

247.*/

248.

249.//-->

250.

251.

01..4屏蔽浏览器右上角“最小化”“最大化”“关闭”键

02.

03.

04.

05.

06.

07.functionwindow.onbeforeunload（）

08.

09.{

10.

11.if（event.clientX>document.body.clientWidth&&event.clientY<0¦¦event.altKey）

12.

13.{

14.

15.window.event.returnvalue="";

16.

17.}

18.

19.}

20.

21.

22.

23.

24.

25.或者使用全屏打开页面

26.

27.

28.

29.

30.

31.

--

32.

33.window.open（,"32pic","fullscreen=3,height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no"）;

34.

35.-->

36.

37.

38.

39.

40.

41.注：

在body标签里加上onbeforeunload="javascript:

returnfalse"（使不能关闭窗口）

42.

43.

44.

45.1.5屏蔽F5键

46.

47.

48.

49.

50.

51.

--

52.

53.functiondocument.onkeydown（）

54.

55.{

56.

57.if（event.keyCode==116）

58.

59.{

60.

61.event.keyCode=0;

62.

63.event.cancelBubble=true;

64.

65.returnfalse;

66.

67.}

68.

69.}