通过火狐谋智查询API

谋智中文版网址

https://developer.mozilla.org

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

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

       通过火狐谋智查询API_第1张图片

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

                                       通过火狐谋智查询API_第2张图片

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

通过火狐谋智查询API_第3张图片

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)的最顶端。它的属性有方法有以下:

通过火狐谋智查询API_第4张图片

常见的方法有:

通过火狐谋智查询API_第5张图片

写几个例子:

         

 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("
"); 22 document.write(""+window.innerWidth); 23 } 24 script> 25 body> 26 html>

 

转载于:https://www.cnblogs.com/hzyhx/p/10956842.html

你可能感兴趣的:(通过火狐谋智查询API)