javascriptBOM

BOM

  • 什么时BOM

    • 浏览器对象模型
    • BOM是用来操作浏览器的,他给我们提供了一组对象来操作浏览器
    • BOM对象
      • Window 代表浏览器的窗口,同时window也是网页的全局对象
      • Navigator 代表的当前浏览器的信息,通过该对象可以识别浏览器
      • Location 代表当前浏览器的地址栏信息
      • History 代表浏览器的历史记录
      • Screen 代表用户屏幕的信息

    注意点:BOM对象在浏览器种都是作为window对象的属性保存的,可以直接调用。

  • Navigator

    • appCodeName 属性是一个只读字符串,声明了浏览器的代码名。
    
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>navigatortitle>
    head>
    <body>
    <script type="text/javascript">
        document.write("浏览器代号: " + navigator.appCodeName);
    script>
    body>
    html>
    
    • appName 属性可返回浏览器的名称。
    
    
    
        
        navigator
    
    
    
    
    
    
    • appVersion 属性可返回浏览器的平台和版本信息。该属性是一个只读的字符串。
    document.write("版本xator.appVersion);
    
    • cookieEnabled 返回指明浏览器中是否启用 cookie 的布尔值

    • platform 返回运行浏览器的操作系统平台

    • userAgent 返回由客户机发送服务器的user-agent 头部的值

    • javaEnabled() 方法可返回一个布尔值,该值指示浏览器是否支持并启用了 Java。如果是,则返回 true,否则返回 false。

      document.write("启用Java: " + navigator.javaEnabled());
      
    • taintEnabled() 方法可返回一个布尔值,该值声明了当前浏览器是否启用了数据污点 (data tainting)。 只有IE支持

  • Location

    • hash 属性是一个可读可写的字符串,该字符串是 URL 的锚部分(从 # 号开始的部分)。

    • host 属性是一个可读可写的字符串,可设置或返回当前 URL 的主机名称和端口号。

    • hostname 属性是一个可读可写的字符串,可设置或返回当前 URL 的主机名。

    • port 属性是一个可读可写的字符串,可设置或返回当前 URL 的端口部分。

    • protocol 属性是一个可读可写的字符串,可设置或返回当前 URL 的协议。

    • search 属性是一个可读可写的字符串,可设置或返回当前 URL 的查询部分(问号 ? 之后的部分)。

    • location.assign(URL) 加载新的文档

      <html lang="en">
      <head>
          <meta charset="UTF-8">
          <title>Titletitle>
          <script type="text/javascript">
              function newDoc()
              {
                  window.location.assign("http://www.baidu.com")
              }
          script>
      head>
      <body>
      
      <input type="button" value="百度" onclick="newDoc()" />
      
      body>
      html>
      
    • reload() 方法用于重新加载当前文档。

      location.reload(force)

      如果该方法没有规定参数,或者参数是 false,它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变,reload() 会再次下载该文档。如果文档未改变,则该方法将从缓存中装载文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。

      如果把该方法的参数设置为 true,那么无论文档的最后修改日期是什么,它都会绕过缓存,从服务器上重新下载该文档。这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样。

    • replace() 方法可用一个新文档取代当前文档。

      location.replace(newURL)

      replace() 方法不会在 History 对象中生成一个新的记录。当使用该方法时,新的 URL 将覆盖 History 对象中的当前记录。

  • History

    • length 属性声明了浏览器历史列表中的元素数量。

    • back()

      方法可加载历史列表中的前一个 URL(如果存在)。

      调用该方法的效果等价于点击后退按钮或调用 history.go(-1)

    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Titletitle>
        <script type="text/javascript">
            function goBack()
            {
                window.history.back()
            }
        script>
    head>
    <body>
    
    <input type="button" value="Back" onclick="goBack()" />
    
    body>
    html>
    
    • go() 方法可加载历史列表中的某个具体的页面。

      history.go(number|URL)

      URL 参数使用的是要访问的 URL,或 URL 的子串。而 number 参数使用的是要访问的 URL 在 History 的 URL 列表中的相对位置。

你可能感兴趣的:(JavaScriptDOM)