1、document(内容较多，独立开篇）
2、对窗口进行操作
window.open() // 打开新窗口
window.close() // 关闭当前窗口
window.moveTo() // 移动当前窗口
window.resizeTo() // 调整当前窗口的尺寸
3、screen
window.screen.availHeight //有效高度
window.screen.availWidth //有效宽度
window.screen.colorDepth //色彩深度
window.screen.pixelDepth //色彩分辨率
4、location
location.hostname //返回 web 主机的域名
location.pathname //返回当前页面的路径和文件名
location.port //返回 web 主机的端口 （80 或 443）
location.protocol // 返回所使用的 web 协议（http:// 或 https://）
location.href //返回当前页面url
location.assign("/test.html") //加载新的文档
5、history
history.back() //返回上一页
history.forward()//跳转到下一页
6、navigator
来自 navigator 对象的信息具有误导性，不应该被用于检测浏览器版本，这是因为：
- navigator 数据可被浏览器使用者更改
- 一些浏览器对测试站点会识别错误
- 浏览器无法报告晚于浏览器发布的新操作系统
<div id="example"></div>
<script>
txt = "<p>浏览器代号: " + navigator.appCodeName + "</p>";
txt+= "<p>浏览器名称: " + navigator.appName + "</p>";
txt+= "<p>浏览器版本: " + navigator.appVersion + "</p>";
txt+= "<p>启用Cookies: " + navigator.cookieEnabled + "</p>";
txt+= "<p>硬件平台: " + navigator.platform + "</p>";
txt+= "<p>用户代理: " + navigator.userAgent + "</p>";
txt+= "<p>用户代理语言: " + navigator.systemLanguage + "</p>";
document.getElementById("example").innerHTML=txt;
</script>
7、弹窗
//弹窗提示
alert('someText');
//确认框confirm(''someText)
var r=confirm("按下按钮");
if (r==true)
{
x="你按下了\"确定\"按钮!";
}
else
{
x="你按下了\"取消\"按钮!";
}
//提示输入文字框window.prompt("sometext","defaultvalue");
var person=prompt("请输入你的名字","Harry Potter");
if (person!=null && person!="")
{
x="你好 " + person + "! 今天感觉如何?";
document.getElementById("demo").innerHTML=x;
}
8、计时事件
a.
- 循环执行事件:window.setInterval("javascript function",milliseconds);
- 停止循环:window.clearInterval(intervalVariable)
var a = 0;
var runloop = setInterval(() => {
a++;
document.getElementById("a").innerHTML = a;
if (a == 15) {
clearInterval(runloop);
}
}, 1000);
b.
- 延时执行事件:window.setTimeOut("js function",milliseconds)
- 取消延时: window.clearTimeOut(intervalVariable)
var myVar;
function myFunction()
{
myVar=setTimeout(function(){alert("Hello")},3000);
}
//必须在超时前执行才有效
function myStopFunction()
{
clearTimeout(myVar);
}
