当前位置:千赢国际官网 > 千赢网页手机版登入 > 方法使用详解,javaScript中slice函数用法实例分析

方法使用详解,javaScript中slice函数用法实例分析

文章作者:千赢网页手机版登入 上传时间:2019-07-18

由于项目的需要,测试中需要对网页元素进行截图,以确保它看上去没有问题。之前我写过一篇文章介绍过一种方法,先使用 WebDriver 进行全屏截图,然后根据目标元素(DOM Element)所在的位置,再对截下来的图片进行剪裁,保留我们需要的位置即可。

 此方法会导致就好像它是在一个<font size="size">标记的字符串显示在规定的大小
语法

本文实例讲述了javaScript中slice函数用法。分享给大家供大家参考。具体分析如下:

那段代码一直都工作得很好,直到我知道了一个东西:iframe。iframe(普通的 frame 也是一样的,不过 frame 现在不太常见,这里只用 iframe 举例)中的内容被视为一个独立的网页,连 Window 对象也是和它的父级网页分开的。而 WebDriver 中的 WebElement.getLocation()方法只能返回这个 WebElement 和它所在的 Window 的位置关系,它的实现没什么问题,但全屏截图不仅包含了 iframe 的内容,可能也包含了它的父级页面的内容,剪裁的时候需要知道目标元素在截图中的位置。那么问题来了,挖掘机技术哪家强?如何计算一个元素相对于截图的位置?

string.fontsize( size )

javaScript 中的 slice 函数,对于array对象的slice函数,返回一个数组的一段。(仍为数组)
arrayObj.slice(start, [end]) 

这个问题还要分类讨论,原因是:Chrome 和 Firefox 中截图的行为是不一样的。Chrome 的截图是当前可见(viewport)的网页内容,比方说,当网页的实际大小超过 Chrome 窗口大小时,根据滚动条的位置不同,窗口中显示的内容不同,Chrome 的截图就是显示出来的内容。于是我们要计算目标元素相对于当前可见内容的位置。而 Firefox 用了一个方法,可以截到整个网页的内容,无视当前窗口大小。于是对于 Firefox 我们要计算元素的绝对位置(Absolute Position)。

下面是参数的详细信息:

参数:

获得一个元素的位置,需要用到一个方法:Element.getBoundingClientRect()。这个方法返回这个元素相对于它所处的 Windows 在当前可见内容的位置,用 top、left、right、bottom 四个值来表示。我们只关心其中的 top 和 left,至于剪裁的尺寸,我们可以通过元素本身的长和宽来得到,不需要计算。要计算目标元素对于顶级 Window的位置,我们只需要依次加上它的父级 Window的 top 和 left 即可。代码如下:

  •     color: 1和7之间的整数,代表1和7之间的有符号整数的字符串

arrayObj,必选项。一个 Array 对象。 
start,必选项。arrayObj 中所指定的部分的开始元素是从零开始计算的下标。 
end,可选项。arrayObj 中所指定的部分的结束元素是从零开始计算的下标。 

本文由千赢国际官网发布于千赢网页手机版登入,转载请注明出处:方法使用详解,javaScript中slice函数用法实例分析

关键词: 千赢国际官网 千亿国际qy8