来源:网络 | 2007-6-5 | (有4370人读过)
看一下下面的这些javascript最简单的例子,你一定会对学习javascript充满信心的,有一天,你也会成为javascript高手。
(一)、设为首页
<a href=http://www.thwd.net onMouseOver=this.style.behavior="url(#default#homepage)";
this.setHomePage("http://www.thwd.net/";;);>设为首页</a>
(二)、收藏本站
<a href=javascript:window.external.addFavorite("http://www.jzzy.com";;,"建站资源网")>收藏本站</a>
(三)、在窗口的状态栏显示滚动信息
(1) 在BODY中加入代码
<script language="javascript">
var msg="欢迎访问建站资源网,在这里有你会有所收获的!";
var i=1
function scroll()
{
mess=msg.substring(i,msg.length)+" "+msg.substring(0,i)
window.status=mess
i++;
if (i>=msg.length) i=1; //设置不停滚动
setTimeout("scroll()",200); //设置滚动速度
}
</script>
(2)在BODY标签中:
<body onload="scroll()">
(四)、在页面加入当前时间
<script language="javascript">
tdy=new Date();
document.write("当前时间:",tdy.getHours());
document.write(":",tdy.getMinutes());
document.write(":",tdy.getSeconds());
</script>
(五)、前进、后退按钮
<input type="button" value="<-" onclick="history.go(-1)">
<input type="button" value="->" onclick="history.go(1)">
(六)、加入页面最后修改日期
<script language="javascript">
document.write("本页最后编辑日期:");
document.write(document.lastModified)
</script>
(七)、前进、后退按钮
<font onclick="history.go(-1)"> 前一页</font>
<font onclick="history.go(-2)"> 前两页</font>
<font onclick="history.go(-3)"> 前三页</font>
<font onclick="history.go(1)"> 后一页</font>
<font onclick="history.go(2)"> 后两页</font>
<font onclick="history.go(3)"> 后三页</font>
也可设置退后、前进多步
(八)、鼠标事件
<A HREF="MAILTO:webmaster@jzzy.com" onmouseover="alert("给我写信"); return true">信箱</A>
鼠标放上去显示警告信息
(九)、获得浏览器的属性
navigator.appCodename=undefinednavigator.appName=Microsoft Internet Explorernavigator.appVersion=4.0 (compatible; MSIE 5.0; Windows 98; DigExt)navigator.appAgent=undefined
(十)、打印整个页面
<font onClick="javascript:window.print()">打印本页</font>
(十一)、查看源码
<input TYPE="button" NAME="view" value="查看本页的源码" onClick="window.location="view-source:" +window.location.href" class="pt9">
(十二)、刷新页面
<font onClick="history.go(0)">刷新本页</font>
(十三)、背景色变换
<input TYPE="button" value="背景色变换" onClick="BgButton()">
<script>function BgButton()
{
if (document.bgColor==#00ffff)
{
document.bgColor=#ffffff;
}
else{document.bgColor=#00ffff;
}
}
</script>
(十四)、Title上显示信息
<script language="javascript1.2">
<!--hide
document.title="今天是星期天"
//--hide-->
</script>
(www.cncfan.com 提示,本站资源有限,正在学习javascript的朋友可以到各大搜索引擎搜索相关知识,或者到csdn与各大高手交流。:) )
|