Window对象
属性:innerHeight 返回窗口的文档显示区的高度
innerWidth 宽度
outerHeight 返回窗口的尾部高度(浏览器的高度)
outerWidth 宽度
length 设置或返回窗口中的框架数量
name 返回或设置窗口做的名称
window.open() 打开新的网页,第二个参数就是此网页的name
frame里面,name属性
方法; close() 关闭浏览器窗口
alert() 警告框
confirm() 显示确认和取消按钮的对话框
prompt() 显示用户输入的对话框
open() 打开一个新浏览器窗口或查找已命名的窗口
resizeBy()按照指定像素调整窗口大小
resizeTo()把窗口的大小调整到的宽高
scrollBy()按照指定的系那个苏来滚动内容
scrollTo()按照内容滚动到指定的位置
navigator 对象通常用于浏览器与操作系统的版本
appCodeName 返回浏览器的代码名
appVersion 次级版本
apppName 名称
language 语言
platform 返回运行浏览器操作系统平台
document对象
window.document.属性
属性:document.cookie 获取或设置cookile
document.title title
document.URL URL
location对象包含有关当前URL的信息
hash 设置或返回从(#)开始的URL
host 主机名和当前URL的端口号
hostname URL的主机名
href 完整的 URL
pathname 当前URL的路径部分
port 当前URL的端口号
protocol URL的协议(http / https)
search 从(?)开始的URL(查询部分)
/协议(http)+URL的主机名+URL的端口号+URL的路径部分+(?)开始的URL+(#)开始的 URL
console.log(location.protocol+'//'+location.hostname+':'+location.port +location.pathname+location.search+location.hash);
window其他对象
window.document.方法
方法:assgin() 加载新的文档 (加载没有记录)
reload()重新加载当钱文档
replace()用新的文档替换当前文档
screen对象 包含有关客户端显示屏幕的信息
window.screen.属性
属性:height 返回屏幕的高度
width 返回屏幕的宽度
availHeight 返回屏幕的高度(除windows任务栏之外)
availWidth 宽度
body对象
window.document.body.属性
属性:clientWidth 网页可见区域宽度
clientHeight 网页可见区域高度
scrollHeight 网页中文全文高度
scrollWidth 网页中文全文宽度
scrollTop 网页被卷去的高度
scrollleft 网页被卷去的宽度
案例:
<script>
window.οnlοad=function(){
//window对象
console.log(window.innerHeight);
console.log(window.innerWidth);
console.log(window.outerHeight);
console.log(window.outerWidth);
console.log(window.length);
//
// var tag = window.confirm('你是否关闭页面');
// if(tag ==true){
// alert('您确定关闭页面?');
// window.close();
// }else{
// alert('您已取消关闭页面')
// }
//
// window.open('window_new.html','','width=300,height=300');
//navigator对象
console.log(window.navigator.appCodeName);
console.log(window.navigator.appName);
console.log(window.navigator.appVersion);
console.log(window.navigator.language);
console.log(window.navigator.platform);
//document对象
console.log(window.document.cookie);
console.log(window.document.title='标题');
console.log(window.document.URL);
// Location对象
console.log(location);
console.log(location.hash);
console.log(location.host);
console.log(location.hostname);
console.log(location.href);
console.log(location.pathname);
console.log(location.port);
console.log(location.protocol);
console.log(location.search);
//协议(http)+URL的主机名+URL的端口号+URL的路径部分+(?)开始的URL+(#)开始的URL
console.log(location.protocol+'//'+location.hostname+':'+location.port+location.pathname+location.search+location.hash);
// window.location.assign('https://www.baidu.com');
// window.location.reload();
// window.location.replace('https://www.baidu.com');
//body对象
console.log(window.document.body.clientHeight);
console.log(window.document.body.clientWidth);
console.log(window.document.body.scrollWidth);
console.log(window.document.body.scrollHeight);
console.log(window.document.body.scrollTop);
//滚动条距离下部的高度
//网页正文-页面显示高度-网页被卷去的高度
console.log(window.document.body.scrollHeight-window.innerHeight-window.document.body.scrollTop);
}
</script>