JavaScript使用技巧精萃

admin 管理员组

文章数量: 886992

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("br","/n">//").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.关闭父窗体:
     

   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控件模板列.
   请看:  .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 设定新窗口距屏幕上方的距离
 
       例子:
       
          
              
          
          
              <script language="javascript">
                  
              </script>
          
       

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

(八).按键捕捉
   1.Ctrl+Enter按键捕捉方法
   
    <script language="JavaScript">
   
    </script>
   
   2.Alt加快捷键: Alt+A
     Alt+A
(九).控制输入，非法字符不能输入到TextBox.
   
        οnkeypress="if (event.keyCode < 48 || event.keyCode >57) event.returnValue = false;"
 id="txtY_Revenue" style="TEXT-ALIGN: right" runat="server" Width="90%" MaxLength="12">
   
    说明： 此方法控制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; 
    }
}

或者

<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后退按钮

在你链接的时候用 

1.7屏蔽主窗口滚动条

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

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

在body标签里加上οnlοad="setInterval('clipboardData.setData(/'Text/',/'/')',100)"

1.9 屏蔽网站的打印功能

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

方法一：

方法二：

1.11 屏蔽页中所有的script

 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>

 40种网站设计常用技巧[引用]

1. οncοntextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键

2. 取消选取、防止复制

3. οnpaste="return false" 不准粘贴

4. οncοpy="return false;" oncut="return false;" 防止复制

5. rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标

6. rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标

7. 关闭输入法

8. 永远都会带着框架
<script language="JavaScript"> </script>

9. 防止被人frame
<script LANGUAGE=JAVASCRIPT> </script>

10. 网页将不能被另存为

11.
οnclick="window.location = "view-source:"+ """>

12.删除时确认
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent)
alert("top="+t+"/nleft="+l);
}
</script>

//VBScript
<script language="VBScript"> </script>

14. 光标是停在文本框文字的最后
<script language="javascript">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart("character",e.value.length);
r.collapse(true);
r.select();
}
</script>

15. 判断上一页的来源
javascript:
document.referrer
16. 最小化、最大化、关闭窗口






本例适用于IE

17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift键!"); //可以换成ALT　CTRL
}
document.οnkeydοwn=look;
</script>

18. 网页不会被缓存



或者

19.怎样让表单没有凹凸感？

或

20.

21.让弹出窗口总是在最上面:

22.不要滚动条?
让竖条没有:


让横条没有:


两个都去掉？更简单了

23.怎样去掉图片链接点击后，图片周围的虚线？

24.电子邮件处理提交表单

25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()

26.如何设定打开页面的大小

打开页面的位置

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

28. 检查一段字符串是否全由数字组成
<script language="Javascript"> </script>

29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight

30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");

31.TEXTAREA自适应文字行数的多少
<br />

32. 日期减去天数等于第二个日期
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
}
cc("12/23/2002",2)
</script>

33. 选择了哪一个Radio
<script language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script>
Style
Barcode

34.脚本永不出错
<script LANGUAGE="JavaScript">

</script>

35.ENTER键可以让光标移到下一个输入框

36. 检测某个网站的链接速度：
把如下代码加入区域中:
<script language=Javascript>
tim=1
setInterval("tim++",100)
b=1
var autourl=new Array()
autourl[1]="www.njcatv"
autourl[2]="javacool.3322"
autourl[3]="www.sina"
autourl[4]="www.nuaa.edu"
autourl[5]="wwwtv"
function butt(){
document.write("

25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()

26.如何设定打开页面的大小

打开页面的位置

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

28. 检查一段字符串是否全由数字组成
<script language="Javascript"> </script>

29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight

30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");

31.TEXTAREA自适应文字行数的多少
="this.style.posHeight=this.scrollHeight"><br />

32. 日期减去天数等于第二个日期
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
}
cc("12/23/2002",2)
</script>

33. 选择了哪一个Radio
<script language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then
window.alert ob.value
next
end function
</script>
Style
Barcode

34.脚本永不出错
<script LANGUAGE="JavaScript">

</script>

35.ENTER键可以让光标移到下一个输入框

36. 检测某个网站的链接速度：
把如下代码加入区域中:
<script language=Javascript>
tim=1
setInterval("tim++",100)
b=1
var autourl=new Array()
autourl[1]=1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0>www.njcatv"
autourl[2]="javacool.3322"
autourl[3]=1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0>www.sina"
autourl[4]="www.nuaa.edu"
autourl[5]=1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0>wwwtv"
function butt(){
***("

 
　　打开页面的参数
 
　　离开左边的距离:  pixels 
　　离开右边的距离:  pixels 
　　窗口的宽度:  pixels 
　　窗口的高度:  pixels 
　　

44、页面的打开移动
把如下代码加入区域中
<script LANGUAGE="JavaScript">

//   End -->
</script>

45、显示个人客户端机器的日期和时间
<script language="LiveScript">

</script>

46、自动的为你每次产生最後修改的日期了：


This is a simple HTML- page.


Last changes:
   <script language="LiveScript">
  
   </script>

47、不能为空和邮件地址的约束：


<script language="JavaScript">

</script>

51、title显示日期
把如下代码加入区域中:
<script language="JavaScript1.2">

</script>

52、显示所有链接
把如下代码加入区域中
<script language="JavaScript1.2">

</script>

53、回车键换行
把如下代码加入区域中
<script type="text/javascript">                
function handleEnter (field, event) {
   var keyCode = event.keyCode ? event.keyCode : event.which ?
event.which : event.charCode;
   if (keyCode == 13) {
    var i;
    for (i = 0; i < field.form.elements.length; i++)
     if (field == field.form.elements[i])
      break;
    i = (i + 1) % field.form.elements.length;
    field.form.elements[i].focus();
    return false;
   }
   else
   return true;
}      
</script>

//无模式的提示框

//屏蔽按键

//设置光标位置

//页内查找

//自定义提示条

//插入文字

//netscapte下操作xml

//判断键值

//禁止FSO

//省略号

//检测media play版本

//图象按比例

//细线SELECT

//Import

//js枚举

");
  }
</script>

//POST代替FORM

//readyState是xmlhttp返回数据的进度，0=载入中,1=未初始化,2=已载入,3=运行中,4=完成

1.   οncοntextmenu="window.event.returnValue=false"   将彻底屏蔽鼠标右键

36.   检测某个网站的链接速度：
把如下代码加入 区域中:
<script   language=Javascript>
tim=1
setInterval("tim++",100)
b=1
var   autourl=new   Array()
autourl[1]="www.njcatv"
autourl[2]="javacool.3322"
autourl[3]="www.sina"
autourl[4]="www.nuaa.edu"
autourl[5]="wwwtv"
function   butt(){
document.write("

本文标签： JavaScript使用技巧精萃