首页 > 代码库 > JavaScript BOM对象介绍
JavaScript BOM对象介绍
bom:即broswer object model(浏览器对象模型),由五个对象组成:
Window:对象表示浏览器中打开的窗口 最顶层对象.
Navigator :浏览器对象.
Screen: 屏幕对象
History:浏览器历史对象
Location:地址对象.
<!DOCTYPE html><html> <head> <title>JavaScript BOM对象</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" > //navigator对象举例,返回浏览器的名称和浏览器的平台和版本信息。 document.write(navigator.appName+" "+navigator.appVersion); document.write("<hr/>"); //navigator对象举例,返回显示屏幕的高度(除 Windows 任务栏之外)和显示屏幕的宽度 (除 Windows 任务栏之外)。 document.write(screen.availHeight+" "+screen.availWidth); document.write("<hr/>"); //navigator对象举例 function href1() { location.href = "https://www.baidu.com";//跳转到百度 } function up() { history.back();//可用history.go(-1)代替 } //navigator对象举例 function next() { history.forward();//可用history.go(1)代替,history.go(2)相当于点击两次下一页 } //navigator对象举例(window可省略,如window.alert()可替换为alert()) window.setTimeout("document.write(‘setTimeout‘);", 2000);//两秒后输出一个setTimeout单词(只输出一次) window.setInterval("document.write(‘<hr/>‘);", 2000);//每两秒输出一个下划线 </script> </head> <body> <input type="button" value="http://www.mamicode.com/跳转" onclick="href1();"/> <input type="button" value="http://www.mamicode.com/上一页" onclick="up();"/> <input type="button" value="http://www.mamicode.com/下一页" onclick="next();"/> </body></html>
JavaScript BOM对象介绍
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。