zoukankan      html  css  js  c++  java
  • JS 浏览器BOM-->简介和属性

    1.简介:

      BOM:浏览器对象模型(Browser Object Model),是一个用于访问浏览器和计算机屏幕的对象集合。我们可以通过全局对象window来访问这些对象。

     2.属性

      window.document

      是一个BOM对象,表示的是当前所载入的文档(即页面),但它的方法和属性同时也属于DOM对象所涵盖的范围

      

      window.frames

      是当前页面中所有框架的集合

      

      window.navigator

      用于反应浏览器及其功能信息的对象

      window.screen

      提供浏览器以外的环境信息

      window.location

        href属性:控制浏览器地址栏内容

        reload():刷新页面

        reload(true):刷新页面,不带缓存

        assign():加载新的页面

        replace():加载新的页面(注意:不会再浏览器的历史记录表中留下记录)

      window.history

        window.history.length:获取历史记录的长度

        back():上一页

        forward():下一页

        go(num): 具体到哪一页

            当num<0时,跳转到自己后方的第num个记录

            当num>0时,跳转到自己前方的第num个记录

      举例1:点击浏览器页面按钮,实现打印

      html代码:

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title>js_excise</title>
            <script src="./js/js_excise.js" type="text/javascript" charset="utf-8"></script>
        </head>
        <body>
            <button onclick="func()">按钮</button>
        </body>
    </html>

      js代码:

    function func(){
        console.log('hello world!')
    }

      输出:

      举例2:点击按钮跳转带有‘hello world’的html页面

      准备带有‘hello world’的html页面,如下图

     

      html代码:

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title>js_excise</title>
            <script src="./js/js_excise.js" type="text/javascript" charset="utf-8"></script>
        </head>
        <body>
            <button onclick="func()">按钮</button>
        </body>
    </html>

      js代码:

    function func(){
        window.location.href='hw.html'
    }

      输出:

  • 相关阅读:
    C#模拟POST表单提交 WebClient
    视频广告屏蔽器(附下载地址)
    SQL Server 不同数据库导入指定数据解决方案
    WinRAR(WinZip)压缩与解压实现(C#版Window平台)
    Visual Studio 扩展包(.vsix)制作
    ORM for Net主流框架汇总与效率测试
    文件删除小助手
    C# 控制台应用程序输出颜色字体[更正版]
    IE与IE内核浏览器的那点事
    where in的sql语句按照指定ID进行排序的解决方法
  • 原文地址:https://www.cnblogs.com/abner-pan/p/12708934.html
Copyright © 2011-2022 走看看