JavaScript使用技巧精萃

转载于 2015-05-12 23:02:00 发布 · 73 阅读

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/zhangzhe/blog/414038

本文深入探讨JavaScript的高级应用，提供了一系列关键的代码片段和操作指南，涵盖确认删除、字符串替换、关闭窗体、消息提示、数据网格操作、窗口打开方式、位置管理、按键捕捉、非法字符过滤等多个方面。通过实际代码示例，帮助开发者掌握JavaScript的高效编程技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

(一).确认删除用法:
1. BtnDel.Attributes.Add("onclick","return confirm('"+"确认删除?"+"')");
2. linktempDelete.Attributes["onclick"]="; confirm('"+"确认删除?"+"');";
3. private void grdProject_ItemDataBound(object sender, DataGridItemEventArgs e)
4.
{
if ((e.Item.ItemType == ListItemType.Item) ¦ (e.Item.ItemType == ListItemType.AlternatingItem))
{
// 刪除按鈕上的提示部分
e.Item.Cells[10].Attributes.Add("onclick", "return confirm('确定删除吗？');");
}
}
5.
<script language="JavaScript" type="text/JavaScript">
function delete_y(e)
{
if(event.srcElement.outerText == "删除")
event.returnValue=confirm("确定删除?");
}
document.onclick=delete_y;
</script>

(二).跨语言字符串替换
System.Text.RegularExpressions.Regex.Replace(str1,@" <{1}[^ <>]*>{1}","").Replace(" ","").Replace("\","\\").Replace("-","-").Replace("&","&").Replace("<"," <").Replace(">",">").Replace("br","\n");

(三).关闭窗体
1.
this.btnClose.Attributes.Add("onclick", "window.close();return false;");
2.关闭本窗体间跳转到另一个页面
this.HyperLink1.NavigateUrl = "
('" + "index.aspx"+ "?&Func=Edit&);window.close();";
3.关闭父窗体:
<INPUT type="reset" value=' <%=this._Cancel%>' >

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

this.Response.Write(" <script language='javascript'>window.opener.location.reload();window.close(); </script>");

(四).Web MessageBox
1.
Response.Write(" <script language=javascript> window.alert('保存成功1'); </script>");
2.
Response.Write(" <script>alert('"+"保存成功!"+"'); </script>");
3.
this.Page.RegisterStartupScript("ChiName"," <script language='javascript'>alert('" + "保存成功!" + "') </script>");

(五).DataGrid中加CheckBox控件模板列.
请看: http://blog.youkuaiyun.com/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 在文档中包含各个 <pplet>标签的数组
fullscreen yes / no 打开的窗体是否进行全屏显示
left pixel value 设定新窗口距屏幕左方的距离
top pixel value 设定新窗口距屏幕上方的距离

例子:
<html>
<head>
<title>window.open函数 </title>
</head>
<body>
<script language="javascript">

</script>
</body>
</html>

(七).location对象
href 整个URL字符串.
protocol 含有URL第一部分的字符串,如http:
host 包含有URL中主机名:端口号部分的字符串.如//www.cenpok.net/server/
hostname 包含URL中主机名的字符串.如http://www.cenpok.net
port 包含URL中可能存在的端口号字符串.
pathname URL中"/"以后的部分.如~list/index.htm
hash "#"号(CGI参数)之后的字符串.
search "?"号(CGI参数)之后的字符串.

(八).按键捕捉
1.Ctrl+Enter按键捕捉方法
<body >
<script language="JavaScript">

</script>
</body>
2.Alt加快捷键: Alt+A
<button accessKey=A title="Alt+A" Button clicked!')">Alt+A </button>
(九).控制输入，非法字符不能输入到TextBox.
<asp:textbox
(event.keyCode < 48 ¦ ¦ event.keyCode >57) event.returnValue = false;"
id="txtY_Revenue" style="TEXT-ALIGN: right" runat="server" Width="90%" MaxLength="12">
</asp:textbox>
说明：此方法控制TextBox只收数字：0~9 , 也自可以定义其它可输入字符,如改成: 65~123,只允许输入: a~z和A~Z 等.

[以下为收藏]

1>屏蔽功能类

1.1 屏蔽键盘所有键
<script language="javascript">

</script>

1.2 屏蔽鼠标右键

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

或者

<script language="javascript">

</script>

function nocontextmenu()
{
if(document.all) {
event.cancelBubble=true;
event.returnvalue=false;
return false;
}
}

或者

<body >

<script language="javascript">

</script>

1.3 屏蔽 Ctrl+NShift+F10F5刷新退格键

<script language="javascript">

</script>

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

<script language=javascript>
function window.onbeforeunload()
{
if(event.clientX>document.body.clientWidth&&event.clientY <0 ¦ ¦event.altKey)
{
window.event.returnvalue = "";
}
}
</script>

或者使用全屏打开页面

<script language="javascript">

</script>

注：在body标签里加上onbeforeunload="javascript:return false"（使不能关闭窗口）

1.5屏蔽F5键

<script language="javascript">

</script>

1.6屏蔽IE后退按钮

在你链接的时候用 <a href="javascript:location.replace(url)">

1.7屏蔽主窗口滚动条

在body标签里加上 style="overflow-y:hidden"

1.8 屏蔽拷屏,不断地清空剪贴板

在body标签里加上onload="setInterval('clipboardData.setData(\'Text\',\'\')',100)"

1.9 屏蔽网站的打印功能

<style>
@media print {
* { display: none }
}
</style>

1.10 屏蔽IE6.0 图片上自动出现的保存图标

方法一：
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
方法二：
<img galleryimg="no">

1.11 屏蔽页中所有的script

<noscrript> </noscript>

2>表单提交验证类

2.1 表单项不能为空

<script language="javascript">

</script>

2.2 比较两个表单项的值是否相同

<script language="javascript">

</script>

2.3 表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等

<script language="javascript">

</script>

2.4 表单项输入数值/长度限定

<script language="javascript">

</script>

2.5 中文/英文/数字/邮件地址合法性判断

<SCRIPT LANGUAGE="javascript">

</SCRIPT>

2.6 限定表单项不能输入的字符

<script language="javascript">

</script>

引文来源 JavaScript使用技巧精萃

----------------------------
一键转贴，快速捕捉生活精彩，赢每周好礼！查看活动首页>>

转载于:https://my.oschina.net/zhangzhe/blog/414038