美文网首页
JavaScript的基础组成部分

JavaScript的基础组成部分

作者: 水天双月 | 来源:发表于2019-07-18 15:56 被阅读0次

    JavaScript的基础组成部分

    1.核心(ECMAScript)
    
    2.文档对象模型(DOM)
    
    3.浏览器对象模型(BOM)
    

    (1)BOM

    image
          1)BOM是浏览器对象模型,和浏览器关系密切,用来获取或设置浏览器的属性、行为,如新建窗口、打开新选项卡(标签页)、关闭页面、把网页设为主页、加入收藏夹、获取屏幕分辨率、浏览器版本号等。
    
         2)BOM没有相关标准。由于没有标准,不同的浏览器实现同一功能,可以需要不同的实现方式,不同的浏览器的实现功能所需要的JavaScript代码可能不相同。
    
         3)BOM是由navigator、history、screen、location、window五个对象组成的,最根本对象是window。
    

    内置对象总结:

         1.window对象:BOM的核心对象是window,它表示浏览器的一个实例
    
         window的主要属性:
    
    image

    window的主要方法:

    image
         2.location对象:提供了与当前窗口中加载的文档有关的信息,还有一些导航功能,值得注意的是location既是window对象的属性,又是document对象的属性,既window.location和document.location 引用的是同一个对象
    
                  window.location ="http://www.666.com";    //页面跳转到该网址
    
                  location.href ="http://www.666.com";      //页面跳转到该网址
    
                  location.assign("http://www.666.com");     //页面跳转到该网址
    
                  前两种方法其实底层也是调用了location.assign(),即三者结果是一样的。
    
                  注:这三种方法跳转之后可以通过后退按钮返回到跳转之前的页面。
    
                  location.replace("http://www.666.com");   //页面跳转到该网址,跳转之后不可返回前一页面
    
         3.navigator对象:该对象里面保存着浏览器的各种信息,判断浏览器的各种信息就是从该对象里的属性来读取.
    
         4.history对象:该对象保存着用户上网的历史记录,从窗口被打开的那一刻算起。出于安全考虑,开发人员不能知道用户浏览过的网址的具体url,但是我们可以通过下面方法在不知道具体历史url的情况下控制用户页面前进或后退。
    
                  history.go(-1);   //页面后退一页
    
                  history.go(1);    //页面前进一页
    
                  history.go("666");   //跳转到距当前页面最近的包含666字符串的页面,可能前进可能后退。
    
                  //下面这两个方法对应history.go()的前进和后退。
    
                  history.back(1);  //后退一页
    
                  history.forward(1)  //前进一页
    

    2、DOM

    image
         1)DOM是文档对象模型,HTML 和 XML 的应用程序接口(API),用来获取或设置文档中标签的属性,和文档有关,这里的文档指的是网页,也就是HTML文档。网页是由服务器发送给客户端浏览器的,无论用什么浏览器,接收到的HTML都是一样的,所以DOM和浏览器无关,它关注的是网页本身的内容。
    
         2)DOM是W3C的标准。
    
         3)DOM最根本对象是document(实际上是window.document)
    
    1. DOM是一种基于树的API文档,它要求在处理过程中整个文档都表示在存储器中

    主要的接口有:

                  1):Node接口:它是文档中节点的基类型。定义了基本的访问和改变文档结构的方法。
    
                  2):Document接口:它代表整个文档。可创建文档中的各种节点(元素、注释、处理指令等),创建的节点中带有一个OwnerDoculnent属性表示创建它们的Document对象。
    
                  3):DocumentFragment接口:它代表文档树的子树,相当一个小型文档。
    
                  4):Attr接口:它代表元素节点的属性。有意思的是它并不认为是该元素节点的子节点,不构成DOM树的一部分。同时也不是DocumentFragment节点的直接子节点。
    
                  5):CharacterData接口:它维护了DOMsitrgn字符串并提供读写操作的接口。但不直接对应文档的某种类型节点。
    
                  6):Text接口:它从CharacterData继承而来。代表元素或属性的一段连续的文本内容。它有一个派生的接口CDATAsection,目的是:CDATASeciton节点的内容将不会作任何转化;使用Node中的nomraliez方法时相邻的Text节点会合并成一个节点,但使用CDATASeciton可避免合并。
    
                  7):Comment接口:它也从CharacterData继承而来。代表注释中的文本内容。
    
                  8):NodeList接口:用于管理有序的节点集。
    
                  9):Entity接口:它代表实体;EntityReference代表实体的引用。
    
                  10):NamedNodeMap接口:用于管理无序的节点集。
    
                  11):DOMImplementation接口:它提供与DOM模型的实例无关的接口。CreateDocument可创建一个Document对象;haseFature可判断DOM实现是否支持某一模块。
    
                  12):Notation接口:它代表文档中的符号定义。
    
                  13):ProcessingInstruction接口:它代表处理指令。
    
                  14):DOMException接口:异常处理。由于程序中的逻辑错误、数据丢失或DOM实现本身不稳定引起的错误。在程序处理过程中,由方法返回一个错误值。
    

    相关文章

      网友评论

          本文标题:JavaScript的基础组成部分

          本文链接:https://www.haomeiwen.com/subject/chbllctx.html