基于OpenLayers的WebGIS程序二次开发实例教程
35202 人在学
微软公司还有自己开发的Javascript,称为JScript。Javascript和Jscript基本上是相同的,只是在一些细节上有出入。Javascript短小精悍,又是在客户机上执行的,大大提高了网页的浏览速度和交互能力。同时它又是专门为制作web网页而量身定做的一种简单的编程语言。
使用JavaScript完成定时弹出广告
完成页面定时弹出广告
需求分析
一般网页,当我们刚打开的时候,它会5秒之后,显示一个广告,让我们看5秒钟,然后他的广告就自动消失了!
技术分析
定时器
setInterval:每隔多少毫秒执行一次函数
setTimeout:多少毫秒之后执行一次函数
clearInterval
clearTimeout
显示广告img.style.display="block"
隐藏广告img.style.display="none"
步骤分析
确定事件:页面加载完成的事件onload
事件要触发函数:init()
init函数里面做一件事:
启动一个定时器:setTimeout()
显示一个广告
再去开启一个定时5秒钟之后,关闭广告
代码实现
<script>
functioninit(){
setTimeout("showAD()",3000);
}
functionshowAD(){
//首先要获取要操作的img
varimg=document.getElementById("img1");
//显示广告
img.style.display="block";
//再开启定时器,关闭广告
setTimeout("hideAD()",3000);
}
functionhideAD(){
//首先要获取要操作的img
varimg=document.getElementById("img1");
//隐藏广告
img.style.display="none";
}
</script>
扩展
JS的文件加载顺序问题
javascript文档加载顺序问题
JS的引入方式
引入一个外部js文件
<scriptsrc="js文件的路径"type="text/javascript"/>
JavaScript使网页增加互动性。JavaScript使有规律地重复的html文段简化,减少下载时间。JavaScript能及时响应用户的操作,对提交表单做即时的检查,无需浪费时间交由CGI验证。JavaScript的特点是无穷无尽的,只要你有创意。