BOM即浏览器对象模型 (Browser Object Model)

3.BOM
BOM即浏览器对象模型 (Browser Object Model)
浏览器的对象包括:Window(窗口) Navigator(浏览器)Screen(客户端屏幕)
History(访问历史) Location(浏览器地址)

一般来说 页面加载,就会自动创建window对象使用它可以获取文档显示区域的高度和宽度
window.innerWidth; window.innerHeight
获取浏览器的宽度和高度 window.outerWidth; window.outerHeight;
l浏览器对象的基本操作:
document.write("<p>浏览器产品名称:");
document.write(navigator.appName + "</p>");

document.write("<p>浏览器版本号:");
document.write(navigator.appVersion + "</p>");

document.write("<p>浏览器内部代码:");
document.write(navigator.appCodeName + "</p>");

document.write("<p>操作系统:");
document.write(navigator.platform + "</p>");

document.write("<p>是否启用Cookies:");
document.write(navigator.cookieEnabled + "</p>");

document.write("<p>浏览器的用户代理报头:");
document.write(navigator.userAgent + "</p>");

屏幕对象的基本操作
document.write("用户的屏幕分辨率: ")
document.write(screen.width + "*" + screen.height)
document.write("<br />")
document.write("可用区域大小: ")
document.write(screen.availWidth + "*" + screen.availHeight)
document.write("<br />")

历史对象
history.back(); 返回上次的历史
history.go(-2);//返回上上次 -10就是返回上*10次

地址栏对象:
reload刷新当前页面
location.assign("/"); 跳转到首页
其他属性:
协议 location.protocol:https:
主机名 location.hostname:how2j.cn
端口号 (默认是80,没有即表示80端口)location.port:
主机加端口号 location.host: how2j.cn
访问的路径 location.pathname: /k/javascript/javascript-bom-location/451.html
锚点 location.hash:
参数列表 location.search:

确认框 confirm 用于危险操作的确认提示
var flag=confirm(); 点确认后返回true
输入框 prompt,用于弹出一个输入框,供用户输入相关信息。
因为弹出的界面并不好看,很有可能和网站的风格不一致,所以很少会在实际工作中用到。

计时器 这里的前一个都是自定义的函数
函数setTimeout(functionname, 距离开始时间毫秒数 );
通过setTimeout在制定的毫秒数时间后,执行一次 函数functionname
本例在3秒钟后,打印当前时间。

函数setInterval(函数名, 重复执行的时间间隔毫秒数 );
通过setInterval重复执行同一个函数,重复的时间间隔由第二个参数指定

通过clearInterval终止一个不断重复的任务
用法:
var t = setInterval(printTime,1000);

function printTime(){
var d = new Date();
var h= d.getHours();
var m= d.getMinutes();
var s= d.getSeconds();
document.getElementById("time").innerHTML= h+":"+m+":"+s;
if(s%5==0)
clearInterval(t);
}

 

posted @ 2020-04-09 14:22  why666  阅读(199)  评论(0)    收藏  举报