当前标签 / 实践 / 总共1篇

Web前端基础(8)JavaScript实践案例

返回浏览器顶部箭头

window.onscroll函数

为当前页面的页面滚动事件添加事件处理函数.

window.onscroll = function (e) {
  // 当页面的滚动条滚动时,会执行这里的代码
}

浏览器对象模型BOM

BOM的核心是window,而window对象又具有双重角色,它既是通过js访问浏览器窗口的一个接口,又是一个Global(全局)对象。这意味着在网页中定义的任何对象,变量和函数,都以window作为其global对象。

window.close();  //关闭窗口  
window.alert("message");  //弹出一个具有OK按钮的系统消息框,显示指定的文本 
window.confirm("Are you sure?");  //弹出一个具有OK和Cancel按钮的询问对话框,返回一个布尔值  
window.prompt("What's your name?", "Default");  //提示用户输入信息,接受两个参数,即要显示给用户的文本和文本框中的默认值,将文本框中的值作为函数值返回  
window.status  //可以使状态栏的文本暂时改变  
window.defaultStatus  //默认的状态栏信息,可在用户离开当前页面前一直改变文本  
window.setTimeout("alert('xxx')", 1000);  //设置在指定的毫秒数后执行指定的代码,接受2个参数,要执行的代码和等待的毫秒数  
window.clearTimeout("ID");  //取消还未执行的暂停,将暂停ID传递给它  
window.setInterval(function, 1000);  //无限次地每隔指定的时间段重复一次指定的代码,参数同setTimeout()一样  
window.clearInterval("ID");  //取消时间间隔,将间隔ID传递给它  
window.history.go(-1);  //访问浏览器窗口的历史,负数为后退,正数为前进 
window.history.back();  //同上  
window.history.forward();  //同上  
window.history.length  //可以查看历史中的页面数   

阅读更多