美文网首页
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