JavaScript 怎么写客户端 js写windows客户端

转载

mob64ca1405a060 2023-12-16 14:56:28

文章标签 JavaScript 怎么写客户端 JS.客户端 Web 事件处理 API 文章分类 JavaScript 前端开发

客户端JavaScript

Windows对象是所有客户端JavaScript特性和API的主要接入点。它表示Web浏览器的一个窗口或窗体，并且可以用标识符window来引用它。

Window对象定义了一些属性，比如，Location对象 —— location，Location对象指定当前显示在窗口中的URL。例如：

window.location = "http://www.web.com";

WIndow对象还定义了一些方法，比如alert()，可以弹出一个对话框来显示一些信息，还有setTimeOut()，可以注册一个函数，在给定的一段时间之后触发一个回调；例如：

setTimeOut(function(){... ...}, 2000);

上面的代码没有显式的使用window属性，在客户端JS中，Window对象也是全局对象。这意味着WIndow对象处于作用域链的顶部，它的属性和方法实际上是全局变量和全局函数。Window对象有一个引用自身的属性，叫做window，如果需要引用窗口对象本身，可以使用这个属性，但是如果只是想要引用全局窗口对象的属性，通常并不需要用到window。

Window对象中其中一个最重要的属性是document，它引用Document对象，后者表示显示在窗口中的文档。例如：

var timestamp = document.getElementById("timestamp");

getElementById()返回的Element对象有其他重要的属性和方法，如style和className属性，允许脚本指定文档元素的CSS样式，或修改应用到元素上的CSS类名。

Window,Document和Element对象上另一个重要的属性集合是事件处理程序相关的属性。可以在脚本中为之绑定一个函数，这个函数会在某个事件发生时以异步的方式调用。事件处理程序的属性名是以单词 on 开始的；例如：

timestamp.onclick = function() {... ...}

Window对象的onload处理程序是最最要的事件处理程序之一，当显示在窗口中的文档内容稳定并可以操作时会触发它。JS代码通常封装在onload事件处理程序里。

例如：

<script>
    window.onload = function() {
        var elements = document.getElementByClassName("reveal");
        for (... ...){
            ... ...
        }
    };
</script>