Skip to content

JavaScript(二)Browser Object Model

415字约1分钟

JavaScriptWeb

2018-04-15

浏览器对象模型(Brower Object Model) 就是所谓的 BOM

浏览器对象包括:

  • Window(窗口)
  • Navigator(浏览器)
  • Screen (客户端屏幕)
  • History(访问历史)
  • Location(浏览器地址)

windows

  • window.innerWidthwindow.innerHeight获取浏览器的文档显示区域的宽和高
  • window.outerWidthwindow.outerHeight获取浏览器外部窗体的宽和高
  • window.open("/")打开一个新页面,这里的/指本站的根目录。只能打开本站网页。(不建议在用户不知情的情况下随意打开新页面,影响用户体验)

体验一下:

Navigator提供浏览器相关的信息

属性简介
navigator.appName浏览器产品名称
navigator.appVersion浏览器版本号
navigator.appCodeName浏览器内部代码
navigator.platform操作系统
navigator.cookieEnabled是否启用Cookies
navigator.userAgent浏览器的用户代理报头

弹出框

  • alert显示一个警告窗
  • confirm显示一个确认框,根据用户选择,返回true or false
  • prompt显示一个输入框

确认框例子

<script>
function del(){
var d = confirm("是否要删除"); // d 是 boolean 类型
}
</script>

<br>
<button onclick="del()">删除</button>

输入框例子

<script>
function p(){
var name = prompt("请输入用户名:"); // name 是 string 类型
alert("您输入的用户名是:" + name);
}
</script>

<br>
<button onclick="p()">请输入用户名</button>

Location

Location 对象包含有关当前 URL 的信息。

<script>
// url的值为当前URL
var url = location.href

// 跳转到谷歌
location.href = "https://www.google.com"
</script>

参考: