【滑稽】每日一记 通过JS操作BOM

screen 对象：

屏幕宽度、高度，可用宽度，可用高度
可用高度=屏幕高度-底部任务栏
console.log(screen.width)//屏幕宽度
console.log(screen.height)//屏幕高度
console.log(screen.availWidth)//可用宽度
console.log(screen.availHeight)//可用高度

localtion对象：

console.log(localtion);
JS设置跳转页面：window.localtion="http://www.baidu.com"
完整的URL路径：
协议：//主机名（IP地址）：端口号/文件路径？传递参数（参数名=参数值，多个参数之间用&分隔）#锚点
console.log(location.href)//完整路径
console.log(location.protocol)//使用协议http:https:ftp:file:mailto:
console.log(location.pathname)//文件路径部分,从/开始
console.log(location.port)//端口号
console.log(location.search)//从？ 开始往后的部分
console.log(location.hostname)//主机名（IP地址)
console.log(location.host)//主机名+端口号
console.log(location.hash)// 从#开始的锚点

常用方法：
assign（）加载新的文档 localtion.assign();
reload（）重新加载当前文档 localtion.reload();
replace（）使用新的文档替换当前文档 localtion.replace();

reload（）表示从服务器加载当前页面，replace（）在本地刷新当前页面
使用新的文档替换当前文档，替换以后不能回退；加载新的文档，替换以后可能回退

 

history 的方法：
1.length:浏览历史列表的个数；
2.history.forward();前进到前一个页面
3.history.back();后退到后一个页面
4.history.go(-1);跳转到浏览历史列表的任意位置
位置标志：当前页为第0个，前一个页面第一个，后一个页面-1个。

navigator对象：
常用属性：
console.log(appName); //产品名称
console.log(appVersion); //产品版本号
console.log(userAgent); //用户代理信息
console.log(platform); //系统平台

console.log(navigator.plugins); //查看插件
返回一个数组，检测浏览器安装的所有插件，

主要属性：
description ：插件描述信息
filename：插件在本地磁盘的文件名
length：插件个数
name：插件名称

console.log(navigator.mineType); //检测浏览器安装的插件支持的文件类型
主要属性：
description：MIME类型描述
enableplugin：支持此类型的浏览器插件
suffixes：此类型可能的后缀名
type：MIME类型的写法，例如：image/x-icon 、text/css

 

window对象的常用方法：
window对象中的所有方法，均可以省略前面的window
prompt：用于接收用户输入
alert：浏览器弹窗警告
confirm：带有确认取消按钮的提示框
close：关闭浏览器选项卡
open：重新打开新的浏览器窗口，传入参数：URL/窗口名称/窗口特征（然而大部分没有用）

setTimeout：设置延时执行，只会执行一次
setInterval：设置定时器，循环每隔n毫秒执行一次
两个参数：执行的function和毫秒数
clearTimeout：清除延时
clearInterval：清除定时器，
传入参数：调用setinterval时返回一个id，通关变量传入接收id，传入setinterval