// 什么是window对象,window对象是浏览器内置的一个对象,相当于BOM的一个抽象 // window对象是js中全局对象的寄存地。 window对象的常见方法: alert(要显示的文本); //弹出信息框 prompt(提示对话框信息); //弹出输入框,点击确定,返回字符串,点击取消,返回null confirm(提示文字); //点击确定返回true,点击取消返回false close(); //关闭浏览器(火狐不支持!),但都支持通过别的网页打开的新的网页关闭 //不允许关闭非脚本打开的页面 open(url,name,feature,replace); //open(‘http://www.baidu.com‘,‘_blank‘,‘width=300,height=300‘) //谷歌会默认把系统自动打开的新网页阻止掉,但不阻止通过事件打开的网页
// 该对象的属性: history.length; //返回历史记录的数量 // 该对象的方法: history.back(); //后退,加载前一个url。 history.forward(); //前进,需要后退一下之后,才有前进的方向 history.go(num); //参数为正,前进相应的数目,为负,后退相应的数目,为0,刷新
// 该对象的属性: location.href; //设置或返回完整的url location.search; //返回url?后面的查询部分 location.hash; //是一个可读写的字符串,是url的锚部分(从#开始的部分)哈希 // 该对象的方法: location.reload(); //刷新页面的方法,一般情况下,传递一个true,不使用缓存刷新。缓存? location.assign(url); //加载新页面,当url为空字符时,加载当前页面
navigator.appName; //返回当前浏览器名 navigator.appCodeName; //返回当前浏览器的代码名 navigator.appVersion; //返回当前浏览器的版本号和平台 navigator.platform; //返回当前计算机的操作系统 以上方法已经在逐渐被抛弃,出现一个新的属性替代这些属性: navigator.userAgent; //返回浏览器信息
4.frames对象:包含当前页面所有的框架信息。 frames.length; //返回当前页面的框架数量 frames[0].location; //修改第一个框架的地址 5.screen对象:包含当前显示屏信息 screen.width/height //屏幕总宽高度 screen.availWidth/availHeight //屏幕的宽高(不包括任务栏)
// onload当文档加载完成后执行一些操作 window.onload = function(){ console.log("页面加载完成") } // onscroll当页面发生滚动时执行一些操作 window.onload = function(){ console.log(1) //当页面发生滚动时,打印1 } // onresize当窗口大小发生改变时执行一些操作 window.onresize = function(){ console.log(1) //当窗口大小发生改变时,打印1 } // 页面滚动条距离顶部的距离 document.documentElement.scrollTop // 页面滚动条距离左边的距离 document.documentElement.scrollLeft
原文:https://www.cnblogs.com/wuziqiang/p/12005858.html