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

1. 浏览器对象模型

允许 JavaScript 与浏览器对话

实现了 JavaScript 交互相同的方法和属性

2. 对象

  • Window 对象:它代表浏览器

     所有全局 JavaScript 对象,函数和变量自动成为 window 对象的成员的窗口

window.document.getElementById("header");

等同于:

document.getElementById("header");
  • window.Screen对象包含用户屏幕的信息
  • window.location 对象可用于获取当前页面地址(URL)并把浏览器重定向到新页面
  • window.history 对象包含浏览器历史。(例如back()方法加载历史列表中前一个 URL。相当于点击后退)
  • window.navigator 对象包含有关访问者的信息。
  • 方法:JavaScript 有三种类型的弹出框:警告框alert()、确认框confirm()和提示框prompt()

 if (confirm("Press a button!")) {
    txt = "您按了确定";
  } else {
    txt = "您按了取消";
  }

  • 方法:JavaScript Timing 事件

    JavaScript 可以在时间间隔内执行。

    这就是所谓的定时事件( Timing Events)。

       setTimeout() 和 setInterval() 都属于 HTML DOM Window 对象的方法。

  • Cookie 让您在网页中存储用户信息。是在您的计算机上存储在小的文本文件中的数据

当 web 服务器向浏览器发送网页后,连接被关闭,服务器会忘记用户的一切。

Cookie 是为了解决“如何记住用户信息”而发明的:

扫描二维码关注公众号,回复: 10476974 查看本文章

当用户访问网页时,他的名字可以存储在 cookie 中。

下次用户访问该页面时,cookie 会“记住”他的名字。

document.cookie = "username=John Doe; expires=Sun, 31 Dec 2017 12:00:00 UTC";
发布了68 篇原创文章 · 获赞 21 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/Taylor_Ocean/article/details/105312652