JavaScript学习笔记:用JavaScript部分小功能的实现
2014-11-05 21:51
525 查看
定时器:在屏幕打印五秒,到五秒时弹出停止的会话框;
一般用超时调用的这种方法:
var num=0;
var max=5;
function box(){
num++;
if(num==max){
alert("5s is over!!");
}
else(
setTimeout(box,1000);
)
}
setTimeout(box,1000);
但也可以用这种方式实现:
var num=0;
var max=5;
var id=null;
function box(){
num++;
document.getElementById('a').innerHTML +=num;
if(num==max){
clearInterval(id);
alert("5s is OVAR!!!");
}
}
id=setInterval(box,1000);
HTML页面代码很简单,具体如下:
<div id="a"></div>
跨浏览器获取可视化页面窗口
var width = window.innerWidth;
var height = window.innerHeight;
if(typeof width!='number'){
if(document.compatMode=='CSS1Compat'){
width=document.documentElement.clientWidth;
height=document.documentElement.clientHeight;
}
else{
width=document.body.clientWidth;
height=document.body.clientHeight;
}
}
alert(width); //widht\height各浏览器 的值各不相同
alert(height);
一般用超时调用的这种方法:
var num=0;
var max=5;
function box(){
num++;
if(num==max){
alert("5s is over!!");
}
else(
setTimeout(box,1000);
)
}
setTimeout(box,1000);
但也可以用这种方式实现:
var num=0;
var max=5;
var id=null;
function box(){
num++;
document.getElementById('a').innerHTML +=num;
if(num==max){
clearInterval(id);
alert("5s is OVAR!!!");
}
}
id=setInterval(box,1000);
HTML页面代码很简单,具体如下:
<div id="a"></div>
跨浏览器获取可视化页面窗口
var width = window.innerWidth;
var height = window.innerHeight;
if(typeof width!='number'){
if(document.compatMode=='CSS1Compat'){
width=document.documentElement.clientWidth;
height=document.documentElement.clientHeight;
}
else{
width=document.body.clientWidth;
height=document.body.clientHeight;
}
}
alert(width); //widht\height各浏览器 的值各不相同
alert(height);
相关文章推荐
- Dynamic CRM 2013学习笔记(十一)利用Javascript实现子表合计(汇总,求和)功能
- seaJs学习笔记之seaJs实现webQQ部分功能1
- seaJs学习笔记之seaJs实现webQQ部分功能2
- JavaScript学习笔记之获取当前目录的实现代码
- ajax学习笔记二:javascript实现命名空间(ajax封装类的例子)
- [翻译]javascript学习笔记 (四)-面向对象的实现
- PHP学习笔记 2009-8-22 用JavaScript实现删除确认
- [学习笔记]小型论坛功能——实现树状结构的主题贴显示的类[2]
- [学习笔记]小型论坛功能——实现按照指定每页的行数来分页显示记录[3]
- JavaScript数组操作学习部分笔记
- ITCAST视频-Spring学习笔记(使用CGLIB实现AOP功能与AOP概念解释)
- jsp学习笔记2——分页功能实现
- OpenCV学习笔记-应用trackbar实现按钮功能
- ExtJS学习笔记八,复杂页面功能实现
- JavaScript基础学习笔记(一)——JavaScript简介、 如何实现JavaScript、把 JavaScript 放置到何处、JavaScript语句
- PHP学习笔记 2009-8-25 实现分页显示功能
- ATL学习笔记(3): QueryInterface功能的实现
- JavaScript学习笔记10--用js实现的拼图游戏
- javascript学习笔记 (四)-面向对象的实现
- VS 2008的JavaScript代码提示功能 (学习老赵视频的笔记)