JavaScript深入

BOM(浏览器对象模型)——与浏览器对话:

Window对象(代表浏览器的窗口——不包括工具栏、滚动条):

//所有全局对象、全局函数,均自动成为window对象的成员(document属于浏览器,所以属于window;接下来提到的对象都属于window)
window.document.write("hello" + "<br />");
//内部尺寸
document.write(window.innerHeight + " : " + window.innerWidth + "<br />");

 Screen对象:

document.write("屏幕尺寸: " + screen.availHeight + "*" + screen.availWidth + "<br />");

 location对象(用于获取当前页面的url和处理其他的url):

document.write(location.pathname + "<br />");   //去掉协议和"://",还有主机名
document.write(location.href + "<br />");
document.write(location.protocol + "<br />");
location.assign("http://www.baidu.com");    //重新加载新的url(self):还有window的open — window.open("url")/_blank

获取浏览器的浏览历史——history对象:

<!--页面1-->
<button onclick="location.assign('back.html')">另一个页面</button>
<button onclick="history.forward()">下一个页面(管他下一个是什么)</button>
<!--history.go(number|URL)-->
<button onclick="history.go(1)">向下一个页面go(forward)</button>
<!--页面2-->
<button onclick="history.back()">回到刚才页面</button>
<button onclick="history.forward()">下一个页面(管他下一个是什么)</button>
<button onclick="history.go(-1)">向前一个页面go(back)</button>

获得访问者浏览器的信息——navigator对象:

但是这个对象返回的信息可能会具有误导性,不宜用来检测其浏览器版本——navigator对象的数据可被对方修改:

txt = "<p>Browser CodeName: " + navigator.appCodeName + "</p>";
txt += "<p>Browser Name: " + navigator.appName + "</p>";
txt += "<p>Browser Version: " + navigator.appVersion + "</p>";
txt += "<p>Cookies Enabled: " + navigator.cookieEnabled + "</p>";
txt += "<p>Platform: " + navigator.platform + "</p>";   //浏览器无法报告晚于浏览器发布的新操作系统
txt += "<p>User-agent header: " + navigator.userAgent + "</p>";
txt += "<p>User-agent language: " + navigator.systemLanguage + "</p>";
document.write(txt);

 计时:

var t = setTimeout("alert('5秒后的弹框')", 5000); //第一个参数为时间到了之后,执行的操作
clearTimeout(1);    //取消第一个,不能一次清除所有,只能指定——写成clearTimeout(t)更方便

Cookies:

cookie 是存储于访问者的计算机中的变量,由访问者访问时发送。——可在页面使用JS读取、创建cookies。常用cookies有名字、密码、日期cookie。

document.cookie = "name=" + "shutao";   //创建
原文地址:https://www.cnblogs.com/quanxi/p/6432658.html