美文网首页
2018-06-15 javascript(核心)

2018-06-15 javascript(核心)

作者: Mo_ham_med | 来源:发表于2018-06-15 15:13 被阅读0次

    三大核心是 DOM BOM ECMAScript

    DOM
    W3c (万维网联盟) 的 标准。
    DOM 是 Document Object Model (文档对象模型) 的 缩写。

    w3c DOM 标准 被分为 3 个 不同的 部分:

    核心 DOM 针对 任何结构化文档的标准模型

    XML DOM 针对 XML 文档 的 标准 模型

    HTML DOM 针对 HTML 文档的 标准 模型

    XML DOM

    XML DOM 定义了所有 XML 元素的对象和属性,以及访问它们的方法。

    DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API)。DOM 将把整个页面规划成由节点层级构成的文档。
    HTML 或 XML 页面的每个部分都是一个节点的衍生物。请考虑下面的 HTML 页面:
    <html>
    
    <head>
    
    <title>Sample Page</title>
    
    </head>
    
    <body>
    
    <p>hello world!</p>
    
    </body>
    
    </html>
    
    这段代码可以用 DOM 绘制成一个节点层次图:DOM 通过创建树来表示文档,从而使开发者对文档的内容和结构具有空前的控制力。
    用 DOM API 可以轻松地删除、添加和替换节点(getElementById、childNodes、appendChild、 innerHTML)。
    

    BOM 浏览器对象模型

    浏览器对象模型(BOM)

    浏览器对象模型(Browser Object Model (BOM))尚无正式标准。

    由于现代浏览器已经(几乎)实现了 JavaScript 交互性方面的相同方法和属性,因此常被认为是 BOM 的方法和属性。

    浏览器对象模型(BOM)对浏览器窗口进行访问和操作。例如弹出新的浏览器窗口,移动、改变和关闭浏览器窗口,提供详细的网络浏览器信息(navigator object),详细的页面信息(location object),详细的用户屏幕分辨率的信息(screen object),对cookies的支持等等。

    window 对象

    所有浏览器 都支持 Window 对象 , 它表示浏览器窗口。

    所有 JavaScript 全局对象,函数以及变量均自动成为 window 对象的成员。

    全局变量是 Window 对象的属性。

    全局函数是 Window 对象的方法。

    甚至 HTML DOM 的 document 也是 window 对象的属性之一:

    window.document.getElementById("header");
    
    <!--与此相同:-->
    
    document.getElementById("header");
    
    

    Window 尺寸

    有三种方法能够确定浏览器窗口的尺寸。

    对于 Intermet Explorer 、Chrome 、 Firefox 、
    Opera 以及 Safari:

    
    window.innerHeight - 浏览器窗口的内部高度(包括滚动条)
    
    
    window.innerWidth - 浏览器窗口的内部宽度(包括滚动条)
    
    
    

    Window Navigator

    window.navigator 对象包含有关访问者浏览器的信息。

    window.navigator 对象在编写时可不使用 window 这个前缀。

    
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title>菜鸟教程(runoob.com)</title>
        </head>
        <body>
            <div id="example"></div>
            <script>
                txt = "<p>浏览器代号: " + navigator.appCodeName + "</p>";
                txt+= "<p>浏览器名称: " + navigator.appName + "</p>";
                txt+= "<p>浏览器版本: " + navigator.appVersion + "</p>";
                txt+= "<p>启用Cookies: " + navigator.cookieEnabled + "</p>";
                txt+= "<p>硬件平台: " + navigator.platform + "</p>";
                txt+= "<p>用户代理: " + navigator.userAgent + "</p>";
                txt+= "<p>用户代理语言: " + navigator.systemLanguage + "</p>";
                document.getElementById("example").innerHTML=txt;
            </script>
        </body>
    </html>
    
    

    浏览器代号: navigator.appCodeName

    浏览器名称: navigator.appName

    浏览器版本:navigator.appVersion

    启动Cookies navigator.cookieEnabled

    硬件平台: navigator.platform

    用户代理: navigator.userAgent

    用户代理语言: navigator.systemLanguage

    ECMAScript

    ECMAScript:JavaScript的核心。
    描述了语言的基本语法(var、for、if、array等)

    数据类型(数字、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义),
    ECMAScript是一套标准,定义了一种语言(比如JS)是什么样子。

    相关文章

      网友评论

          本文标题:2018-06-15 javascript(核心)

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