zoukankan      html  css  js  c++  java
  • 通过火狐谋智查询API

    智中文版网址

    https://developer.mozilla.org

    1.如何从https://developer.mozilla.org上查询对象的属性、方法、事件使用说明和示例?

       第一步:再浏览器搜索框中搜索site: developer.mozilla.org window

    点击图中的2步骤 ,打开后,如下:

    这里有window的方法、属性和事件(events)

     

    <!DOCTYPE html>
    <html lang="zh">
    <head>
       <meta charset="UTF-8">
       <title>window对象</title>
    </head>
    <body>
    <script>
        /*WindowOrWorkerGlobalScope.btoa()  从 String 对象中创建一个 base-64 编码的 ASCII 字符串,
        其中字符串中的每个字符都被视为一个二进制数据字节。*/
            var encodedData = window.btoa("Hello");
            window.alert(encodedData);//显示一个警告对话框,上面显示有指定的文本内容以及一个"确定"按钮。
            console.log(window);
        </script>
    </body>
    </html>

    2.window对象代表当前浏览器窗口或标签。位于浏览器对象模型(BOM)的最顶端。它的属性有方法有以下:

    常见的方法有:

    写几个例子:

    1 <!DOCTYPE html>
     2 <html lang="zh">
     3 <head>
     4    <meta charset="UTF-8">
     5    <title>window对象</title>
     6 </head>
     7 <body>
     8 <script>
     9     /*WindowOrWorkerGlobalScope.btoa()  从 String 对象中创建一个 base-64 编码的 ASCII 字符串,
    10     其中字符串中的每个字符都被视为一个二进制数据字节。
    11         var encodedData = window.btoa("Hello");
    12         window.alert(encodedData);//显示一个警告对话框,上面显示有指定的文本内容以及一个"确定"按钮。*/
    13         console.log(window);
    14         
    15     window.onresize = resize;
    16     
    17     function resize(){
    18     //alert("检查到resize事件");
    19     
    20     document.write("高"+window.innerHeight);
    21     document.write("<br>");
    22     document.write("宽"+window.innerWidth);
    23     }
    24 </script>
    25 </body>
    26 </html>
    
    
  • 相关阅读:
    Leaflet_创建地图(官网示例,可以直接运行)(2017-10-20)
    三范式_数据库
    JavaScript_几种继承方式(2017-07-04)
    JavaScript_几种创建对象(2017-07-04)
    JavaScript_作用域(2017-03-16)
    JavaScript_原型和继承(2017-03-15)
    onBlur事件与onfocus事件(js)
    Bootstrap新手常见问题
    bootstrap小结
    Bootstrap 字形图标(Glyphicons)
  • 原文地址:https://www.cnblogs.com/lsyw/p/10970635.html
Copyright © 2011-2022 走看看