JavaScript使用技巧精萃

最新推荐文章于 2025-09-12 16:56:45 发布

转载最新推荐文章于 2025-09-12 16:56:45 发布 · 361 阅读

文章标签：

#javascript #function #parameters #textbox #button #url

Javascript的调试利器：Firebug使用详解 - 天晓得的专栏 - 优快云Blog

---------------------------------------------------------------------------------------------------

(一).确认删除用法:
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.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 = "javascript:onclick=window.opener.location.assign
('" + "index.aspx"+ "?&Func=Edit&AutoID=" + intAutoid + ');window.close();";
3.关闭父窗体:
<INPUT type="reset" value=' <%=this._Cancel%>' onclick="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.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 onkeydown="doKeyDown()">
<script language="JavaScript">

</script>
</body>
2.Alt加快捷键: Alt+A
<button accessKey=A title="Alt+A" onclick="alert('Button clicked!')">Alt+A </button>
(九).控制输入，非法字符不能输入到TextBox.
<asp:textbox class="Text"
onkeypress="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标签里加上oncontextmenu=self.event.returnvalue=false

或者

<script language="javascript">

</script>

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

或者

<body onmousedown="rclick()" oncontextmenu= "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标签里加上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">
<!--

function contain(str,charset)// 字符串包含测试函数
{
var i;
for(i=0;i <charset.length;i++)
if(str.indexOf(charset.charAt(i))>=0)
return true;
return false;
}
---------------------------------

Javascript常用功能函数

今天要写个用Javascript读取Asp.net中生成的Cookie值的功能，因我的.net项目中用到了多个Cookie，上优快云、Baidu、Google搜了一大堆Javascript读取Cookie的公用函数，试了下，全不行，它们基本都是针对单个Cookie的，一遇到多个Cookie的情况，全混乱了。没办法，仔细研究了下客户端存放Cookie的格式，发现多个Cookie无非是以分号分隔的串，于是自己写了个函数来完成读取多个Cookie值：

// objName为Cookie对象名称,keyName为Cookie键名称
function getCookie(objName,keyName)
{
     var result = "" ;
     // 如果Cookie长度大于0
     if (document.cookie.length > 0 )
    {
         // 包含多个cookie的数组
         var objArray = document.cookie.split( " ; " );
         // Cookie对象名
         var objSearch = objName + " = " ;
         // Cookie键名称
         var nameSearch = keyName + " = " ;
         for ( var objItem in objArray)
        {
             // 如果数组中包含对象名
             if (objArray[objItem].indexOf(objSearch) != - 1 )
            {
                 // 在数组中取Cookie值
                begin = objArray[objItem].indexOf(nameSearch);
                 if (begin != - 1 )
                {
                    begin += nameSearch.length;
                    end = objArray[objItem].indexOf( " & " ,begin);
                     if (end == - 1 )
                    {
                        end = objArray[objItem].length;
                    }
                    result = decodeURI(objArray[objItem].substring(begin, end));
                }
            }
        }
    }
     return result;
}

一个类似于.net中Request.QueryString的获取地址栏GET参数的函数：

// 获取GET参数值
function getQueryString(pName)
{
     var result = "" ;
     var url = unescape(window.location.href);
     var parameters = url.substr(url.indexOf( " ? " ) + 1 );
      var parametersArray = parameters.split( " & " );
     for ( var i in parametersArray)
    {
        parameterName = parametersArray[i].split( " = " )[ 0 ];
        parameterValue = parametersArray[i].split( " = " )[ 1 ];
         if ( pName == parameterName)
        {
            result = parameterValue;
        }
    }
     return result;
}

获取当前时间的数字形式，常用作随机数

// 用当前时间作随机数
function getRandom()
{
var result = new Date();
return result.getTime();
}

常见的鼠标指向时全选功能

< input type = " text " name = " test " onMouseOver = " this.select(); " value = " 测试 " />

复制到我的剪帖板功能

function copyH()
{
  obj = Form1.txtHtml;
  obj.select();
  js = obj.createTextRange();
  js.execCommand( " Copy " );
}

截取文件扩展名

function getEx(str)
{
    var begin = str.lastIndexOf( " . " );
    var end = str.length;
     return str.substring(begin,end).toUpperCase();
}

在客户端预览图片，并显示图片长宽

function getimg1(self)
{
     var image = new Image();
    image.src = self.value;
    imgshow1.innerHTML = " <img src=' " + self.value + " ' width='120' height='90'> " ;
    txtshow1.innerHTML = " <font color='ff0000'> " + image.width + " x " + image.height + " </font> " ;
}

function CheckForm()
{
if ((contain(document.form.NAME.value, "%/(/)> <")) ¦ ¦ (contain(document.form.MESSAGE.value, "%/(/)> <")))
{
alert("输入了非法字符");
document.form.NAME.focus();
return false;
}
return true;
}
//-->
</script>

-----------------------------------

悟透JavaScript

http://www.cnblogs.com/leadzen/archive/2008/02/25/1073404.html