javascript实例

1、用小窗口打开文件：

<script language="JavaScript">

function MM_openBrWindow(theURL,winName,features)

{   window.open(theURL,winName,features);

}

</script>

<a href="#" onClick="MM_openBrWindow('ytnr.asp?id=<%=id%>','','width=320,height=250')">观看内容</a>

2、关闭窗口

1) 文本：<a href="javascript:window.close()">关闭窗口</a>

2)按钮：<input type="button" value="关闭窗口" name="B2" class="buttonface" onclick="javascript:self.close()">



常用javascript

1．让文字不停地滚动

　　＜MARQUEE＞滚动文字＜/MARQUEE＞

2．记录并显示网页的最后修改时间

＜script language=javascript＞ 　　

document．write("最后更新时间: " + document．lastModified + "") 　　

＜/script＞

3．关闭当前窗口

　　＜a href="/" onClick="javascript：window.close();return false;"＞关闭窗口＜/a＞

4．5秒后关闭当前页

＜script language="javascript"＞ 　

　＜!-- 　　setTimeout('window.close();',5000); 　　--＞ 　　

＜/script＞

5．2秒后载入指定网页

＜head＞ 　　

＜meta http-equiv="refresh" content="2;URL=http://你的网址"＞ 　　

＜/head＞

6．添加到收藏夹

＜Script Language="javascript"＞ 　　

function bookmarkit() 　　

{ 　　window.external.addFavorite('http://你的网址','你的网站名称') 　　} 　　

if (document．all)

document．write('＜a href="#" onClick="bookmarkit()"＞加入收藏夹＜/a＞') 　　

＜/Script＞

7．让超链接不显示下划线

＜style type="text/css"＞ 　　

＜!- 　　

a:link{text-decoration:none} 　　

a:hover{text-decoration:none} 　　

a:visited{text-decoration:none} 　　-＞ 　　

＜/style＞

8．禁止鼠标右键的动作

＜Script Language = "javascript"＞ 　　

function click()

{ if (event.button==2||event.button==3) 　　

{ 　　alert('禁止鼠标右键'); 　　} 　　

document．onmousedown=click // --＞ 　　

＜/Script＞

9．设置该页为首页

＜body bgcolor="#FFFFFF" text="#000000"＞ 　　

＜!-- 网址：http://你的网址--＞ 　　

＜a class="chlnk" style="cursor:hand" HREF 　　onClick="this.style.behavior='url(#default#homepage)'; 　　

this.setHomePage('你的网站名称);"＞

＜font color="000000" size="2" face="宋体"＞设为首页＜/font＞＜/a＞ 　　

＜/body＞

10．节日倒计时

＜Script Language="javascript"＞ 　　

var timedate= new Date("December 25,2003"); 　　

var times="圣诞节"; 　　

var now = new Date(); 　　

var date = timedate.getTime() - now.getTime(); 　　

var time = Math.floor(date / (1000 * 60 * 60 * 24)); 　　

if (time ＞= 0) 　　document．write("现在离"+times+"还有: "+time +"天")

＜/Script＞

11．单击按钮打印出当前页

＜Script Language="javascript"＞ 　　

＜!-- Begin 　　

if (window.print)

{ document．write('＜form＞' +

'＜input type=button name=print value="打印本页" ' +

'onClick="javascript：window.print()"＞＜/form＞'); 　　} 　　

// End --＞ 　　＜/Script＞

12．单击按钮‘另存为’当前页

　　＜input type="button" name="Button" value="保存本页" 　　onClick="document．all.button.ExecWB(4,1)"＞ 　　＜object id="button" 　　width=0 　　height=0 　　classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"＞ 　　＜embed width="0" height="0"＞＜/embed＞ 　　＜/object＞

13．显示系统当前日期

　　＜script language=javascript＞ 　　today=new Date(); 　　function date(){ 　　this.length=date.arguments.length 　　for(var i=0;i＜this.length;i++) 　　this[i+1]=date.arguments } 　　var d=new date("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); 　　document．write( 　　"＜font color=##000000 style='font-size:9pt;font-family: 宋体'＞ ", 　　today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日", 　　d[today.getDay()+1],"＜/font＞" ); 　　＜/script＞

14．不同时间段显示不同问候语

　　＜Script Language="javascript"＞ 　　＜!-- 　　var text=""; day = new Date( ); time = day.getHours( ); 　　if (( time＞=0) && (time ＜ 7 )) 　　　　text="夜猫子，要注意身体哦！ " 　　if (( time ＞= 7 ) && (time ＜ 12)) 　　　　text="今天天气……哈哈哈，不去玩吗？" 　　if (( time ＞= 12) && (time ＜ 14)) 　　　　text="午休时间哦，朋友一定是不习惯午睡的吧？！" 　　if (( time ＞=14) && (time ＜ 18)) 　　　　text="下午茶的时间到了，休息一下吧！ " 　　if ((time ＞= 18) && (time ＜= 22)) 　　　　text="您又来了，可别和MM聊太久哦！" 　　if ((time ＞= 22) && (time ＜ 24)) 　　　　text="很晚了哦，注意休息呀！" 　　document．write(text) 　　//---＞ 　　＜/Script＞

15．水中倒影效果

　　＜img id="reflect" src="你自己的图片文件名" width="175" height="59"＞ 　　＜script language="javascript"＞ 　　function f1() 　　{ 　　　　setInterval("mdiv.filters.wave.phase+=10",100); 　　} 　　if (document．all) 　　{ 　　　　document．write('＜img id=mdiv src="'+document．all.reflect.src+'" 　　　　style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()"＞') 　　　　window.onload=f1 　　} 　　＜/script＞

16．慢慢变大的窗口

　　＜Script Language="javascript"＞ 　　＜!-- 　　var Windowsheight=100 　　var Windowswidth=100 　　var numx=5 　　function openwindow(thelocation){ 　　temploc=thelocation 　　if 　　(!(window.resizeTo&&document．all)&&!(window.resizeTo&&document．getElementById)) 　　{ 　　　　window.open(thelocation) 　　　　return 　　} 　　windowsize=window.open("","","scrollbars") 　　windowsize.moveTo(0,0) 　　windowsize.resizeTo(100,100) 　　tenumxt() 　　} 　　function tenumxt(){ 　　if (Windowsheight＞=screen.availHeight-3) 　　　　numx=0 　　windowsize.resizeBy(5,numx) 　　Windowsheight+=5 　　Windowswidth+=5 　　if (Windowswidth＞=screen.width-5) 　　{ 　　　　windowsize.location=temploc 　　　　Windowsheight=100 　　　　Windowswidth=100 　　　　numx=5 　　　　return 　　} 　　setTimeout("tenumxt()",50) 　　} 　　//--＞ 　　＜/script＞ 　　＜p＞＜a href="javascript：openwindow(http://www.xxx.com)"＞进入＜/a＞

17．改变IE地址栏的IE图标

　　我们要先做一个16*16的icon（图标文件），保存为index.ico。把这个图标文件上传到根目录下并在首页＜head＞＜/head＞之间加上如下代码：           ＜link REL = "Shortcut Icon" href="index.ico"＞



JavaScript在WEB编程中能起到很大的作用，将一些常用的功能写成JavaScript类库。

将下面代码保存为Common.js

类库功能：

1.Trim(str)－－去除字符串两边的空格

2.XMLEncode(str)－－对字符串进行XML编码

3.ShowLabel(str,str)－－鼠标提示功能（显示字符，提示字符）

可以设置显示的提示的文字的字体、颜色、大小以及提示的背景颜色、边框等

4.IsEmpty(obj)－－验证输入框是否为空

5.IsInt(objStr,sign,zero)－－验证是否为整数，正整数，负整数，以及是否包括零

6.IsFloat(objStr,sign,zero)－－验证是否为浮点数，正浮点，负浮点，以及是否包括零

7.IsEnLetter(objStr,size)－－验证是否为26个字母，大写小