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.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.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 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">

</script>

JavaScript使用技巧精萃

相關文章