(一).确认删除用法:
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.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.关闭本弹出窗体,并刷新父页面
t
his
.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控件模板列.
(六). 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">
<!–
window.open("","name1","width=100,height=200,toolbar=no,scrollbars=no,menubar=no,screenX=100,screenY=100");
//–>
</script>
</body>
</html>
(七).location对象
href 整个URL字符串.
protocol 含有URL第一部分的字符串,如http:
host 包含有URL中主机名:端口号部分的字符串.如//www.cenpok.net/server/
hostname 包含URL中主机名的字符串.
port 包含URL中可能存在的端口号字符串.
pathname URL中"/"以后的部分.如~list/index.htm
hash "#"号(CGI参数)之后的字符串.
search "?"号(CGI参数)之后的字符串.
(八).按键捕捉
1.Ctrl+Enter按键捕捉方法
<body onkeydown="doKeyDown()">
<script language="JavaScript">
<!–
function doKeyDown()
{
if (event.ctrlKey && event.keyCode == 13)
{
alert("You pressed the Ctrl + Enter")
}
}
//–>
</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只收数字:09 , 也自可以定义其它可输入字符,如改成: 65123,只允许输入: az和AZ 等.
[以下为收藏]
1>屏蔽功能类
1.1 屏蔽键盘所有键
<script language="javascript">
<!–
function document.onkeydown(){
event.keyCode = 0;
event.returnvalue = false;
}
–>
</script>
1.2 屏蔽鼠标右键
在body标签里加上oncontextmenu=self.event.returnvalue=false
或者
<script language="javascript">
<!–
function document.oncontextmenu()
{
return false;
}
–>
</script>
function nocontextmenu()
{
if(document.all) {
event.cancelBubble=true;
event.returnvalue=false;
return false;
}
}
或者
<body onmousedown="rclick()" oncontextmenu= "nocontextmenu()">
<script language="javascript">
<!–
function rclick()
{
if(document.all) {
if (event.button == 2){
event.returnvalue=false;
}
}
}
–>
</script>
1.3 屏蔽 Ctrl+N、Shift+F10、F5刷新、退格键
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45 1<script language="javascript">
2<!--
3 //屏蔽鼠标右键、Ctrl+N、Shift+F10、F5刷新、退格键
4function window.onhelp(){return false} //屏蔽F1帮助
5function KeyDown(){
6 if ((window.event.altKey)&&
7 ((window.event.keyCode==37)|| //屏蔽 Alt+ 方向键 ←
8 (window.event.keyCode==39))){ //屏蔽 Alt+ 方向键 →
9 alert("不准你使用ALT+方向键前进或后退网页!");
10 event.returnvalue=false;
11 }
12
13 /\* 注:这还不是真正地屏蔽 Alt+ 方向键,
14 因为 Alt+ 方向键弹出警告框时,按住 Alt 键不放,
15 用鼠标点掉警告框,这种屏蔽方法就失效了。以后若
16 有哪位高手有真正屏蔽 Alt 键的方法,请告知。\*/
17
18 if ((event.keyCode == 8) &&
19 (event.srcElement.type != "text" &&
20 event.srcElement.type != "textarea" &&
21 event.srcElement.type != "password") || //屏蔽退格删除键
22 (event.keyCode==116)|| //屏蔽 F5 刷新键
23 (event.ctrlKey && event.keyCode==82)){ //Ctrl + R
24 event.keyCode=0;
25 event.returnvalue=false;
26 }
27 if ((event.ctrlKey)&&(event.keyCode==78)) //屏蔽 Ctrl+n
28 event.returnvalue=false;
29 if ((event.shiftKey)&&(event.keyCode==121)) //屏蔽 shift+F10
30 event.returnvalue=false;
31 if (window.event.srcElement.tagName == "A" && window.event.shiftKey)
32 window.event.returnvalue = false; //屏蔽 shift 加鼠标左键新开一网页
33 if ((window.event.altKey)&&(window.event.keyCode==115)){ //屏蔽Alt+F4
34 window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px");
35 return false;}
36 }
37 /\* 另外可以用 window.open 的方法屏蔽 IE 的所有菜单
38第一种方法:
39 window.open("你的.htm", "","toolbar=no,location=no,directories=no,menubar=no,scrollbars=no,resizable=yes,status=no,top=0,left=0")
40第二种方法是打开一个全屏的页面:
41 window.open("你的.asp", "", "fullscreen=yes")
42 \*/
43//-->
44</script>
45
1.4屏蔽浏览器右上角“最小化”“最大化”“关闭”键
1
2
3
4
5
6
7
8
9
10 1<script language=javascript>
2function window.onbeforeunload()
3{
4 if(event.clientX>document.body.clientWidth&&event.clientY<0||event.altKey)
5 {
6 window.event.returnvalue = "";
7 }
8}
9</script>
10
或者使用全屏打开页面
1
2
3
4
5
6 1<script language="javascript">
2<!--
3window.open([www.32pic.com](http://www.32pic.com/),"32pic","fullscreen=3,height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no");
4-->
5</script>
6
注:在body标签里加上onbeforeunload="javascript:return false"(使不能关闭窗口)
1.5屏蔽F5键
1
2
3
4
5
6
7
8
9
10
11
12
13
14 1<script language="javascript">
2<!--
3function document.onkeydown()
4{
5 if ( event.keyCode==116)
6 {
7 event.keyCode = 0;
8 event.cancelBubble = true;
9 return false;
10 }
11}
12-->
13</script>
14
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 表单项不能为空
1
2
3
4
5
6
7
8
9
10
11
12
13
14 1<script language="javascript">
2<!--
3function CheckForm()
4{
5if (document.form.name.value.length == 0) {
6 alert("请输入您姓名!");
7 document.form.name.focus();
8 return false;
9}
10 return true;
11}
12-->
13</script>
14
2.2 比较两个表单项的值是否相同
1
2
3
4
5
6
7
8
9
10
11
12
13 1<script language="javascript">
2<!--
3function CheckForm()
4if (document.form.PWD.value != document.form.PWD_Again.value) {
5 alert("您两次输入的密码不一样!请重新输入.");
6 document.ADDUser.PWD.focus();
7 return false;
8}
9 return true;
10}
11-->
12</script>
13
2.3 表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31 1<script language="javascript">
2<!--
3function isNumber(String)
4{
5 var Letters = "1234567890-"; //可以自己增加可输入值
6 var i;
7 var c;
8 if(String.charAt( 0 )=='-')
9 return false;
10 if( String.charAt( String.length - 1 ) == '-' )
11 return false;
12 for( i = 0; i < String.length; i ++ )
13 {
14 c = String.charAt( i );
15 if (Letters.indexOf( c ) < 0)
16 return false;
17}
18 return true;
19}
20function CheckForm()
21{
22 if(! isNumber(document.form.TEL.value)) {
23 alert("您的电话号码不合法!");
24 document.form.TEL.focus();
25 return false;
26}
27return true;
28}
29-->
30</script>
31
2.4 表单项输入数值/长度限定
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21 1<script language="javascript">
2<!--
3function CheckForm()
4{
5 if (document.form.count.value > 100 || document.form.count.value < 1)
6{
7 alert("输入数值不能小于零大于100!");
8 document.form.count.focus();
9 return false;
10}
11 if (document.form.MESSAGE.value.length<10)
12{
13 alert("输入文字小于10!");
14 document.form.MESSAGE.focus();
15 return false;
16}
17return true;
18}
19//-->
20</script>
21
2.5 中文/英文/数字/邮件地址合法性判断
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78 1<SCRIPT LANGUAGE="javascript">
2<!--
3
4function isEnglish(name) //英文值检测
5{
6 if(name.length == 0)
7 return false;
8 for(i = 0; i < name.length; i++) {
9 if(name.charCodeAt(i) > 128)
10 return false;
11 }
12 return true;
13}
14
15function isChinese(name) //中文值检测
16{
17 if(name.length == 0)
18 return false;
19 for(i = 0; i < name.length; i++) {
20 if(name.charCodeAt(i) > 128)
21 return true;
22 }
23 return false;
24}
25
26function isMail(name) // E-mail值检测
27{
28 if(! isEnglish(name))
29 return false;
30 i = name.indexOf("@");
31 j = name.lastIndexOf("@");
32 if(i == -1)
33 return false;
34 if(i != j)
35 return false;
36 if(i == name.length)
37 return false;
38 return true;
39}
40
41function isNumber(name) //数值检测
42{
43 if(name.length == 0)
44 return false;
45 for(i = 0; i < name.length; i++) {
46 if(name.charAt(i) < "0" || name.charAt(i) > "9")
47 return false;
48 }
49 return true;
50}
51
52function CheckForm()
53{
54 if(! isMail(form.Email.value)) {
55 alert("您的电子邮件不合法!");
56 form.Email.focus();
57 return false;
58 }
59 if(! isEnglish(form.name.value)) {
60 alert("英文名不合法!");
61 form.name.focus();
62 return false;
63 }
64 if(! isChinese(form.cnname.value)) {
65 alert("中文名不合法!");
66 form.cnname.focus();
67 return false;
68 }
69 if(! isNumber(form.PublicZipCode.value)) {
70 alert("邮政编码不合法!");
71 form.PublicZipCode.focus();
72 return false;
73 }
74 return true;
75}
76//-->
77</SCRIPT>
78
2.6 限定表单项不能输入的字符
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27 1<script language="javascript">
2<!--
3
4function contain(str,charset)// 字符串包含测试函数
5{
6 var i;
7 for(i=0;i<charset.length;i++)
8 if(str.indexOf(charset.charAt(i))>=0)
9 return true;
10 return false;
11}
12
13function CheckForm()
14{
15 if (
16(contain(document.form.NAME.value, "%/(/)><")) ||
17(contain(document.form.MESSAGE.value, "%/(/)><")))
18{
19 alert("输入了非法字符");
20 document.form.NAME.focus();
21 return false;
22}
23 return true;
24}
25//-->
26</script>
27
40种网站设计常用技巧[引用]
- oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table
- <body onselectstart="return false"> 取消选取、防止复制
-
onpaste="return false" 不准粘贴
-
oncopy="return false;" oncut="return false;" 防止复制
- <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标
- <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标
-
<input style="ime-mode:disabled"> 关闭输入法
-
永远都会带着框架
1
2
3
4 1<script language="JavaScript"><!--
2if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
3// --></script>
4
- 防止被人frame
1
2
3
4 1<SCRIPT LANGUAGE=JAVASCRIPT><!--
2if (top.location != self.location)top.location=self.location;
3// --></SCRIPT>
4
- 网页将不能被另存为
1
2 1<noscript><iframe src="/blog/\*.html>";</iframe></noscript>
2
- <input type=button value=查看网页源代码
onclick="window.location = "view-source:"+ "链接地址"">
12.删除时确认
<a href="javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"">删除</a>
- 取得控件的绝对位置
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26 1//Javascript
2<script language="Javascript">
3function getIE(e){
4var t=e.offsetTop;
5var l=e.offsetLeft;
6while(e=e.offsetParent)
7alert("top="+t+"/nleft="+l);
8}
9</script>
10
11//VBScript
12<script language="VBScript"><!--
13function getIE()
14dim t,l,a,b
15set a=document.all.img1
16t=document.all.img1.offsetTop
17l=document.all.img1.offsetLeft
18while a.tagName<>"BODY"
19set a = a.offsetParent
20t=t+a.offsetTop
21l=l+a.offsetLeft
22wend
23msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
24end function
25--></script>
26
- 光标是停在文本框文字的最后
1
2
3
4
5
6
7
8
9
10
11
12 1<script language="javascript">
2function cc()
3{
4var e = event.srcElement;
5var r =e.createTextRange();
6r.moveStart("character",e.value.length);
7r.collapse(true);
8r.select();
9}
10</script>
11<input type=text name=text1 value="123" onfocus="cc()">
12
- 判断上一页的来源
javascript:
document.referrer
16. 最小化、最大化、关闭窗口
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" VALUE="Close"></OBJECT>
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift键!"); //可以换成ALT CTRL
}
document.onkeydown=look;
</script>
- 网页不会被缓存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META HTTP-EQUIV="expires" CONTENT="0">
19.怎样让表单没有凹凸感?
<input type=text style="border:1 solid \#000000">
或
<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000"></textarea>
20.<div><span>&<layer>的区别?
<div>(division)用来定义大段的页面元素,会产生转行
<span>用来定义同一行内的元素,跟<div>的唯一区别是不产生转行
<layer>是ns的标记,ie不支持,相当于<div>
21.让弹出窗口总是在最上面:
<body onblur="this.focus();">
22.不要滚动条?
让竖条没有:
<body style="overflow:scroll;overflow-y:hidden">
</body>
让横条没有:
<body style="overflow:scroll;overflow-x:hidden">
</body>
两个都去掉?更简单了
<body scroll="no">
</body>
23.怎样去掉图片链接点击后,图片周围的虚线?
<a href="\#" onFocus="this.blur()"><img src="/blog/logo.jpg" border=0></a>
24.电子邮件处理提交表单
<form name="form1" method="post" action="[链接地址](mailto:****@***.com)" enctype="text/plain">
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写?
window.opener.location.reload()
26.如何设定打开页面的大小
<body onload="top.resizeTo(300,200);">
打开页面的位置<body onload="top.moveBy(300,200);">
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>
- 检查一段字符串是否全由数字组成
<script language="Javascript"><!–
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// –></script>
- 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
- 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>
- 日期减去天数等于第二个日期
1
2
3
4
5
6
7
8
9
10
11
12
13 1<script language=Javascript>
2function cc(dd,dadd)
3{
4//可以加上错误处理
5var a = new Date(dd)
6a = a.valueOf()
7a = a - dadd \* 24 \* 60 \* 60 \* 1000
8a = new Date(a)
9alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
10}
11cc("12/23/2002",2)
12</script>
13
- 选择了哪一个Radio
1
2
3
4
5
6
7
8
9
10
11
12 1<HTML><script language="vbscript">
2function checkme()
3for each ob in radio1
4if ob.checked then window.alert ob.value
5next
6end function
7</script><BODY>
8<INPUT name="radio1" type="radio" value="style" checked>Style
9<INPUT name="radio1" type="radio" value="barcode">Barcode
10<INPUT type="button" value="check" onclick="checkme()">
11</BODY></HTML>
12
34.脚本永不出错
1
2
3
4
5
6
7
8
9 1<SCRIPT LANGUAGE="JavaScript">
2<!-- Hide
3function killErrors() {
4return true;
5}
6window.onerror = killErrors;
7// -->
8</SCRIPT>
9
35.ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">
36. 检测某个网站的链接速度:
把如下代码加入<body>区域中:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30 1<script language=Javascript>
2tim=1
3setInterval("tim++",100)
4b=1
5var autourl=new Array()
6autourl[1]="[www.njcatv.net](http://www.njcatv.net)"
7autourl[2]="javacool.3322.net"
8autourl[3]="[www.sina.com.cn](http://www.sina.com.cn)"
9autourl[4]="[www.nuaa.edu.cn](http://www.nuaa.edu.cn)"
10autourl[5]="[www.cctv.com](http://www.cctv.com)"
11function butt(){
12document.write("<form name=autof>")
13for(var i=1;i<autourl.length;i++)
14document.write("<input type=text name=txt"+i+" size=10 value="/blog/测试中......>" =》<input type=text
15name=url"+i+" size=40> =》<input type=button value=GO
16
17onclick=window.open(this.form.url"+i+".value)><br/>")
18document.write("<input type=submit value=刷新></form>")
19}
20butt()
21function auto(url)
22else
23
24b++
25}
26function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl+"/"+Math.random()+" width=1 height=1
27
28onerror=auto("[链接地址](http://"+autourl)+"")>")}
29run()</script>
30
- 各种样式的光标
auto :标准光标
default :标准箭头
hand :手形光标
wait :等待光标
text :I形光标
vertical-text :水平I形光标
no-drop :不可拖动光标
not-allowed :无效光标
help :?帮助光标
all-scroll :三角方向标
move :移动标
crosshair :十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize
38.页面进入和退出的特效
进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间,以秒为单位。transition表示使用哪种特效,取值为1-23:
0 矩形缩小
1 矩形扩大
2 圆形缩小
3 圆形扩大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 竖百叶窗
9 横百叶窗
10 错位横百叶窗
11 错位竖百叶窗
12 点扩散
13 左右到中间刷新
14 中间到左右刷新
15 中间到上下
16 上下到中间
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 横条
22 竖条
23 以上22种随机选择一种
39.在规定时间内跳转
<META http-equiv=V="REFRESH" content="5;URL=http://www.williamlong.info">
40.网页是否被检索
<meta name="ROBOTS" content="属性值">
其中属性值有以下一些:
属性值为"all": 文件将被检索,且页上链接可被查询;
属性值为"none": 文件不被检索,而且不查询页上的链接;
属性值为"index": 文件将被检索;
属性值为"follow": 查询页上的链接;
属性值为"noindex": 文件不检索,但可被查询链接;
属性值为"nofollow": 文件不被检索,但可查询页上的链接。
最大化窗口?
1
2
3
4
5
6
7 1<script language="JavaScript">
2<!--
3self.moveTo(0,0)
4self.resizeTo(screen.availWidth,screen.availHeight)
5//-->
6</script>
7
解决问题:由于层与下拉框之间的优先级是:下拉框 > 层,因此在显示的时候,会因为优先级的次序而会出现如上问题。(如果几个元素都是层的话,我们可以通过层的 z-index 属性来设置)解决办法就是:给层中放一个优先级比下拉框更高的元素(iframe),从而解决此问题!具体解决代码如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17 1<div id="menu" style="position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:\#6699cc;">
2<table>
3 <tr><td>item 1</td></tr>
4 <tr><td>item 2</td></tr>
5 <tr><td>item 3</td></tr>
6 <tr><td>item 4</td></tr>
7 <tr><td>item 5</td></tr>
8 </table>
9 <iframe src="/blog/javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:100px; height:200px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe>
10</div>
11
12<a href="\#" onclick="document.getElementById('menu').style.visibility='visible'">menu</a>
13
14<form>
15 <select><option>A form selection list</option></select>
16</form>
17
输入框也可以做的很漂亮了
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33 1<div align="center"><input type="hidden" name="hao" value="yes">
2 外向数:<input
3 name=answer
4 style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)">
5 没回答的题数:<input
6 name=unanswer id="unanswer"
7 style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)">
8 <br/>
9 总得分:
10 <input
11 name=score id="score"
12 style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)">
13 结 论:
14 <input
15 name=xgjg id="xgjg"
16 style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)">
17 <br/>
18 <br/>
19
20 <input onClick=processForm(this.form) style="FONT-FAMILY: 宋体; FONT-SIZE: 9pt" type=button value=查看结果 name="button">
21 <input type="reset" name="Submit" value="重做">
22 </div>
23注意:修改<body>为<body onload="max.Click()">即为打开最大
24
25化窗口,而如果改为<body onload="min.Click()">就变为窗口一打开就最小化
26
27<object id="min" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
28 <param name="Command" value="Minimize">
29 </object> <object id="max" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
30 <param name="Command" value="Maximize">
31 </object>
32</body>
33
页面自动刷新(说明)
当你做网页时,是不是有的时候想让你的网页自动不停刷新,或者过一段时间自动跳转到另外一个你自己设定的页面?其实实现这个效果非常地简单,而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。
1,页面自动刷新:把如下代码加入<head>区域中<meta http-equiv="refresh" content="20">,其中20指每隔20秒刷新一次页面.
2,页面自动跳转:把如下代码加入<head>区域中<meta http-equiv="refresh" content="20;url=http://www.daimajiaolou.com">,其中20指隔20秒后跳转到链接地址页面。
页面自动关闭
5000是指时间<body onLoad="setTimeout(window.close, 5000)">
弹出窗口自动关闭
10秒后弹出窗口自动关闭
注意:在新的tan.htm的body中要加 <onLoad="closeit()">
head
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34 1<script language="JavaScript">
2
3<!--
4
5var gt = unescape('%3e');
6
7var popup = null;
8
9var over = "Launch Pop-up Navigator";
10
11popup = window.open('', 'popupnav', 'width=225,height=235,resizable=1,scrollbars=auto');
12
13if (popup != null) {
14
15if (popup.opener == null) {
16
17popup.opener = self;
18
19}
20
21popup.location.href = 'tan.htm';
22
23}
24
25// -->
26
27</script>
28<body>注意:这段代码是在新建文件中的
29<script language="JavaScript">
30
31 function closeit()
32
33 </script>
34
这个可不是<iframe>(引用)呀。是直接调用的。以下代码加入<body>区域
<object type="text/x-scriptlet" width="800" height="1000" data="../index.htm">
</object>