• js高程笔记8-9章


    第8章 BOM

    1.window对象:既是BOM的核心对象,也是ES的Global对象。

    2.如果页面包含框架(frame),每个框架都有自己的window对象,保存在frames集合中。

    3.top对象始终指向最外层框架,即浏览器窗口,使用它可以在一个框架中访问另一个框架。

     parent对象始终指向当前框架的上层框架。

     self对象始终指向window。

    4.window对象关于窗口位置的属性:

      (1)screenLeft和screenTop(火狐不支持)/screenX和screenY(IE不支持)IE指的是文档区相对屏幕的距离,chrome/firefox/safari指的是浏览器窗口相对屏幕距离

      (2)moveTo(x,y)移动到(x,y)坐标处

        moveBy(x,y)在水平和垂直方向分别移动x像素和y像素

      (3)innerWidth和innerHeight视口宽度和高度

          outWidth和outHeight浏览器窗口大小(在chrome中都是表示视口大小)

      (4)resizeTo(x,y)将浏览器窗口调整为x宽和y高

          resizeBy(x,y)x,y表示新窗口与原窗口的差

    5.导航到特定目标或者打开新窗口:window.open(URL,目标位置,特性字符串,是否取代历史记录)

      A.opener表示打开这个窗口的原始窗口对象

      A.closed表示浏览器是否被关闭

    6.如果弹出窗口被浏览器内置程序屏蔽,window.open()会返回null,如果被插件屏蔽,会抛出错误,必须用try-catch捕捉。

    7.超时调用:setTimeout(执行的代码,时间)。时间是指再过多久把当前任务添加到任务队列中

          clearTimeout()取消超时调用

    8.间歇调用:setInterval(执行的代码,时间)。

          clearInterval()取消间歇调用。后一个间歇调用可能会在前一个间歇调用结束前启动(视要执行代码而定),所以一般都是用超时调用模拟间歇调用

    9.系统对话框:alert(),confirm(),prompt(),window.print(),window.find()


    10.location对象:提供当前加载文档相关信息。既是window对象的属性,也是document对象的属性。

    11.location.assign(url):打开一个新的URL,跟设置window.location=url和location.href=url一样。浏览器历史记录会增加一条记录,用户可以后退。

       location.replace(url):打开一个新的URL,历史记录不会新增,用户不能后退。

         location.reload():重新加载当前页面


    12.navigator对象:提供浏览器相关信息

    13.navigator.plugins[i]:检测是否安装特定插件

       navigator.registerContentHandler()和navigator.registerProtocolHandler()

    14.其他对象:screen对象,history对象

    第9章 客户端检测

    1.能力检测:(1)先检测达成目的的最常用的特性。(2)必须测试实际要用到的特性。(确保判断条件指明的唯一性)

      检测某个特性是否会按适当方式行事,而不是检测是否存在。P218

    2.怪癖检测:运行一小段代码,确定某一特性不能正常工作。

    3.用户代理检测:通过用户代理字符串来确定实际使用的浏览器。

  • 相关阅读:
    P1909 买铅笔
    树形结构
    图片
    cookie
    JSON
    操作数组
    竖线分割|
    订单提交中... 后前面三点动画
    w'w
    解决扫码枪输入input时受中文输入法的影响
  • 原文地址:https://www.cnblogs.com/little-jelly/p/5754679.html
Copyright © 2020-2023  润新知