javascript使用技巧汇总

最新推荐文章于 2024-11-08 17:24:22 发布

kuaileyu

最新推荐文章于 2024-11-08 17:24:22 发布

阅读量559

点赞数

分类专栏：标签文章标签： javascript function parameters textbox button url

标签专栏收录该内容

4 篇文章 0 订阅

订阅专栏

转自：http://blog.163.com/killbug@126/blog/static/29025119200762943130998/

javascript使用技巧汇总

(一).确认删除用法:
1. BtnDel.Attributes.Add("onclick","return confirm('"+"确认删除?"+"')");
2. linktempDelete.Attributes["onclick"]="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.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.οnclick=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 = "javascript:οnclick=window.opener.location.assign
         ('" + "index.aspx"+ "?&Func=Edit&AutoID=" + intAutoid + ');window.close();";
   3.关闭父窗体:
      <INPUT type="reset" value='<%=this._Cancel%>' οnclick="window.parent.close()" Class="Button">
   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.csdn.net/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 οnkeydοwn="doKeyDown()">
    <script language="JavaScript">
    
    </script>
    </body>
   2.Alt加快捷键: Alt+A
     <button accessKey=A title="Alt+A" οnclick="alert('Button clicked!')">Alt+A</button>
(九).控制输入，非法字符不能输入到TextBox.
    <asp:textbox class="Text"
        οnkeypress="if (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标签里加上οncοntextmenu=self.event.returnvalue=false
或者
<script language="javascript">

</script>
function nocontextmenu()
{
    if(document.all) {
        event.cancelBubble=true;
        event.returnvalue=false;
        return false;
    }
}
或者
<body οnmοusedοwn="rclick()" οncοntextmenu= "nocontextmenu()">
<script language="javascript">

</script>

1.3 屏蔽 Ctrl+N、Shift+F10、F5刷新、退格键
<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标签里加上οnbefοreunlοad="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标签里加上οnlοad="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>