JS 客户端浏览器操作、BOM、渗透客户端浏览器（windows对象：screen屏幕操作、location浏览器域名、history浏览器历史、Navigator浏览器信息、cookie）

windows对象

windows尺寸

对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：

• window.innerHeight - 浏览器窗口的内部高度(包括滚动条)
• window.innerWidth - 浏览器窗口的内部宽度(包括滚动条)

其他windows方法

• window.open() - 打开新窗口
• window.close() - 关闭当前窗口
• window.moveTo() - 移动当前窗口
• window.resizeTo() - 调整当前窗口的尺寸

 

window.screen对象在编写时可以不使用 window 这个前缀。

• creen.availWidth - 可用的屏幕宽度
• screen.availHeight - 可用的屏幕高度

 

window.location 对象在编写时可不使用 window 这个前缀

• location.hostname 返回 web 主机的域名
• location.pathname 返回当前页面的路径和文件名
• location.port 返回 web 主机的端口 （80 或 443）
• location.protocol 返回所使用的 web 协议（http: 或 https:）

 

返回（当前页面的）整个 URL：

• document.write(location.href);

返回当前 URL 的路径名：

• document.write(location.pathname);

 

location.assign() 方法加载新的文档。

 

location.replace(url) ：

通过加载 URL 指定的文档来替换当前文档 ，这个方法是替换当前窗口页面，前后两个页面共用一个窗口，所以是没有后退返回上一页的

 

window.history对象

为了保护用户隐私，对 JavaScript 访问该对象的方法做出了限制

history.back() - 与在浏览器点击后退按钮相同

history.forward() - 与在浏览器中点击向前按钮相同

history.go() 这个方法来实现向前，后退，刷新的功能。

function a(){
    history.go(1);  // go() 里面的参数表示跳转页面的个数 例如 history.go(1) 表示前进一个页面
}
function b(){
    history.go(-1);  // go() 里面的参数表示跳转页面的个数 例如 history.go(-1) 表示后退一个页面
}
function a(){
    history.go(0);  // go() 里面的参数为0,表示刷新页面
}

 

Navigator对象

 

Cookie

读取cookie

var x = document.cookie;
console.log(x)
// document.cookie 将以字符串的方式返回所有的 cookie，类型格式： cookie1=value; cookie2=value; cookie3=value;

修改cookie

document.cookie="username=John Smith; expires=Thu, 18 Dec 2043 12:00:00 GMT; path=/";
// 旧的cookie将被覆盖

删除cookie

删除 cookie 非常简单。您只需要设置 expires 参数为以前的时间即可，如下所示，设置为 Thu, 01 Jan 1970 00:00:00 GMT:

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";

注意，当您删除时不必指定 cookie 的值