asp.net常用的javascript经典例子 -优快云博客

本文介绍了一系列网页前端开发技巧，包括如何通过JavaScript控制页面元素的状态，如禁用按钮、设置元素样式等。此外，还展示了如何阻止用户的一些默认操作，如复制、粘贴及使用某些快捷键，并提供了实现页面元素拖动的方法。

Dropdownlist无刷新的例子。xml.

例如文本验证!

下面是一个单选按纽前台不刷新的例子.有好的就往上贴

function SetButton()

{

if(document.all.rdoByHuman.checked==true)

{

document.all.cboHrPut.disabled = "";

document.all.cboAnswerHr.disabled = "";

document.all.cboGroup.disabled = true;

}

if(document.all.rdoByGroup.checked==true)

{

document.all.cboHrPut.disabled = true;

document.all.cboAnswerHr.disabled = true;

document.all.cboGroup.disabled = "";

}

</script>

<asp:RadioButton id="rdoByHuman" onclick="SetButton();" runat="server" GroupName="TotalGroup" Checked="True" Text="按人员"></asp:RadioButton>

e.Item.Attributes.Add("onmouseOver","this.style.backgroundColor='#dee3e7'");//鼠标移上去的颜色

e.Item.Attributes.Add("onmouseOut","this.style.backgroundColor='white'");

e.Item.Cells[2].Attributes.Add("onmouseOver","this.style.backgroundColor='red'");

e.Item.Cells[2].Attributes.Add("onmouseOut","this.style.backgroundColor='white'");//指定某列的颜色

e.Item.Cells[3].Style["cursor"]="hand";

e.Item.Cells[4].Attributes.Add("onclick","alert('你惦记的ID 是："+e.Item.Cells[4].Text+"');");//指定显示字段

e.Item.Cells[1].Attributes.Add("title","'红孩是未解决的，蓝精灵是已解决的！'"+e.Item.Cells[0].Text.ToString());//显示title

e.Item.Cells[0].Attributes.Add("onclick","window.open('xinxiForm.aspx?idmain="+e.Item.Cells[0].Text+"','','ToolBar=no,width=260,height=200');");

屏闭一些键：

function KeyDown(){ //屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键

//alert("ASCII代码是："+event.keyCode);

if ((window.event.altKey)&&

((window.event.keyCode==37)|| //屏蔽 Alt+ 方向键 ←

(window.event.keyCode==39))){ //屏蔽 Alt+ 方向键 →

alert("不准你使用ALT+方向键前进或后退网页！");

event.returnValue=false;

}

if ((event.keyCode==8) || //屏蔽退格删除键

(event.keyCode==116)|| //屏蔽 F5 刷新键

(event.keyCode==112)|| //屏蔽 F1 刷新键

(event.ctrlKey && event.keyCode==82)){ //Ctrl + R

event.keyCode=0;

event.returnValue=false;

}

if ((event.ctrlKey)&&(event.keyCode==78)) //屏蔽 Ctrl+n

event.returnValue=false;

if ((event.shiftKey)&&(event.keyCode==121)) //屏蔽 shift+F10

event.returnValue=false;

if (window.event.srcElement.tagName == "A" && window.event.shiftKey)

window.event.returnValue = false; //屏蔽 shift 加鼠标左键新开一网页

if ((window.event.altKey)&&(window.event.keyCode==115)){ //屏蔽Alt+F4

window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px");

return false;}

}

1.　oncontextmenu="window.event.returnvalue=false"　　　将彻底屏蔽鼠标右键

2.　<body onselectstart="return false">　　　　　　　　取消选取、防止复制

3.　onpaste="return false"　　　　　　　　　　　　　　　不准粘贴

4.　oncopy="return false;" oncut="return false;"　　　　防止复制；防止剪切

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

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

7.　<input style="ime-mode:disabled">　　　　　　　　　　　　　关闭输入法

8.　永远都会带着框架

　if (window==top)

top.location.href="frames.htm"; file://frames.htm为框架网页

// --></script>

9.　防止被人frame

<SCRIPT LANGUAGE=javascript><!--

　if (top.location!=self.location)

top.location=self.location;

// --></SCRIPT>

10. <noscript><iframe src=*.html></iframe></noscript>　　网页将不能被另存为

使用鼠标拖动的层

<div onmousedown="style.cursor='move';startMove(this)" onmouseup="style.cursor='auto'" style="border:1px solid #AAAAAA;background-color:#EEEEEE;width:300;height:200;position;text-align:center;">可以使用鼠标拖动</div>

function startMove(objDiv)

{

document.attachEvent("onmousemove",moveDiv);

document.attachEvent("onmouseup",endMove);

document.attachEvent("onselectstart",selectNo);

document["moveDiv"] = objDiv;

document["startX"] = event.x;

document["startY"] = event.y;

document["oldX"] = objDiv.getBoundingClientRect().left;

document["oldY"] = objDiv.getBoundingClientRect().top;

}

function moveDiv()

{

//try{

var obj = document["moveDiv"];

if(obj)

{

var l = document["oldX"];//obj.getBoundingClientRect().left;//obj.style.left// = 100//(event.x-document["startX"]);

var t = document["oldY"];//obj.getBoundingClientRect().top;//obj.style.top// = 100//(event.y-document["startY"]);

obj.style.position = "absolute";

obj.style.left = l + (event.x-document["startX"]);

obj.style.top = t + (event.y-document["startY"]);

}

//}catch(e){endMove();}

}

function endMove()

{

document.detachEvent("onmousemove",moveDiv);

document.detachEvent("onmouseup",endMove);

document.detachEvent("onselectstart",selectNo);

document["moveDiv"] = null;

document["startX"] = null;

document["startY"] = null;

}

function selectNo()

{ return false; }

</script>

</BODY>

/* 异步，动态的加载网页xml数据 */

//实际运用有更改

function GetXml(objContainer,id){

var XmlHttp=new ActiveXObject("Microsoft.XMLHTTP")

objContainer.innerHTML=StateXML(Config.loading)

objContainer.send="true"

XmlHttp.onreadystatechange=function(){

if(XmlHttp.readyState==4){

if(XmlHttp.status==200){

var Xmldoc=XmlHttp.responseXML

if(Xmldoc.documentElement.hasChildNodes())

objContainer.innerHTML=Xmldoc.transformNode(xsldoc)

else

objContainer.innerHTML=StateXML(Config.loading)

}

else

objContainer.innerHTML=StateXML(Config.unavaible)

}

XmlHttp.open("get",Config.Service+'?id='+id+'&tem'+Math.random(),true)

XmlHttp.send()

}