电脑爱好者,提供IT资讯信息及各类编程知识文章介绍,欢迎大家来本站学习电脑知识。 最近更新 | 联系我们 RSS订阅本站最新文章
电脑爱好者
站内搜索: 
当前位置:首页>> Javascript>>javascript高手速成实例:

javascript高手速成实例

来源:网络 | 2007-6-5 | (有3566人读过)

看一下下面的这些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与各大高手交流。:) )
Javascript热门文章排行
网站赞助商
购买此位置

 

关于我们 | 网站地图 | 文档一览 | 友情链接| 联系我们

Copyright © 2003-2019 电脑爱好者 版权所有 备案号:鲁ICP备09059398号