首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS实现页面进入、返回定位到具体位置总结

JS实现页面返回到具体位置方法 其实浏览器也自带了返回的功能,也就是说,自带了返回定位的功能。正常的跳转,返回确实可以定位,但是有些特殊场景就不适 用了。...例如,某些元素是在某种情况下才加上的,又或者多级定位。 目前,我知道的返回定位到具体位置有两种方法: ①利用id定位,在跳转的时候带上某个模块的id,返回的时候定位到该处。...②利用距离顶部的距离,在跳转的时候带上当前位置滚动过的距离,返回的时候定位到该处。 应用场景 定位到某一个模块的时候,有二级定位的时候利用方法①....初始化页面的时候,需要给每个模块指定一个唯一的id。打开页面的时候,如果url带着位置参数则解释参数定位,如果没有,默认为第一个。...在页面上,由于加载时间的关系,没有找到对应的tab下面具体模块的id。这时候会定位不成功。所以还需要在加载好数据之后,再保证一下。

3.8K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    页面对象的定位

    2 对象的定位 2.1 定位单个元素 在自动化的测试中,对象元素的定位和操作是自动化的核心部分,但是对象是定位是自动化的基础,在对象的基础上,才可以形成对对象的操作。...: #通过id定位 driver.find_element_by_id('kw').send_keys('appium') #通过name定位 driver.find_element_by_name('...在浏览器特定的操作中,有时候需要定位一组对象,如下拉框的等,webdriver提供了定位一组元素的方法find_elements。...控制浏览器后退 Driver.back() 浏览器刷新 Driver.refersh() 获取浏览器的title Driver.title 获取当前网页的url Driver.current_url 获取当前页面的源码...获取浏览器当前页的源码 print driver.page_source #获取当前执行的浏览器 print driver.name driver.quit() 2.4 WebElement接口的常用方法 返回元素的尺寸

    70130

    Selenium之页面元素定位

    单个元素定位 WebDriver提供了八种页面元素定位的方法,下面来依次为大家介绍一下: id定位: find_element_by_id("") HTML页面规定了id属性在HTML文档中必须是唯一的...(页面id不唯一时,在编辑器中会标红显示,但是页面依然能正常加载)。...属性,有name属性的元素可以通过name进行定位,但要注意name属性在同一个页面可能存在多个相同的元素....()不会,之后返回一个空列表 2.查找多个元素的时候:只能用find_elements(),返回一个列表,列表里的元素全是WebElement节点对象 3.如果想要获取元素相关内容,find_element...这几个方法在element后面加了一个s,能够定位多个属性相同的元素,返回的是一个元素对象的数组,定位不到时,返回的是一个空数组,不会报元素找不到的异常。

    3.4K20

    js点击按钮返回页面顶部

    2016-08-22 03:08:28 在进行官网一类的网站建设时,经常会出现页面太长的现象,当用户滚动滚动条到最底部时返回顶部需要滚动多下滚动条,用户体验相当不好,于是就出现了当滚动条滚动到一定位置后出现返回顶部按钮...,点击该按钮返回顶部,并且有一定的效果。...该方法就是利用锚点的方式来返回顶部。即给最顶部的div设置一个id,然后a标签的链接地址写成该id,当点击时就会返回顶部,但是缺点为过于突兀,因为是立即返回顶部。...来看一下代码吧: 返回顶部 上面代码当滚动条滚动到一定位置后出现该a标签,且该a标签的position...值为fixed,始终固定为浏览器的某一特定位置。

    25.1K10

    HTML & CSS页面布局之定位

    我们在编写网页代码时,首先应该做的就是设计好页面的布局形式,然后再往里面填充内容。网页布局的好与坏,直接决定了网页最终的展示效果。...定位流分为四种: a) static 静态定位,实际上所有元素默认都是静态定位的,即处于标准流中。...c) absolute 绝对定位,元素脱离标准流,浏览器把它视作块级元素,不论定位之前它是何种元素,其他元素也将无视它。绝对定位的偏移量是相对于其有定位属性的第一个祖先元素的。...d) fixed 固定定位,固定定位和绝对定位相似,但它的偏移量固定的相对于浏览器窗口。...绝对定位一般和相对定位配合使用,父元素设置相对定位,但不设置偏移量(默认为0),子元素设置绝对定位,这样就可以把子元素的偏移控制在父元素之内。

    5.5K10

    jQuery滚动到页面定位

    文章作者:Tyan 博客:noahsnail.com         在前端的页面开发中,经常会碰到页面跳转问题,这个跳转指的是页面内部跳转到指定位置,通常是在有滚动条的情况下,网上介绍的方法很多,本文主要是介绍...先来看一下jQuery的官方文档:         上面的文档扯了一堆,半点没看到页面跳转的影子,但是在实际应用中你会发现,如果一个控件调用了.focus()方法,页面会自动跳转到控件所在位置。         ...举例说明:         如图,这是一个pop up,modal,如果你选中了某一条数据,你想再打开这个pop up时页面直接跳转到选中的这条数据的位置,用.focus()可以这么写: $('input...[name=test]:checked').focus(); test是一堆radio的name,:checked代表查找被选中的那个radio,focus()方法会直接将页面跳转到被选中的这条数据的位置

    6.9K20

    页面中元素的锚点定位

    这是我参与「掘金日新计划 · 8 月更文挑战」的第12天,点击查看活动详情 >> [锚点定位] 点击相应的按钮,页面滚动到相应的位置,目前我知道实现该功能的方式有两种: 使用a标签定位 使用js模拟锚点定位...[使用a标签定位] 这是一种常见的定位方式,它有两种实现方式: 通过href属性链接到指定元素的id 2.另一种是添加一个 a 标签,再将 href 属性链接到这个 a 标签的 name 属性 <...,支持任意标签的定位,但是a标签的定位会改变路由的hash,如果有相关路由会进行路由跳转 [使用js模拟锚点定位] 通过js获取元素的scrollTop值,使其滚动到指定的位置,就能实现锚点定位效果,这里的...Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内,同时还支持动态效果,但是不支持配置滚动到距离顶部的距离,会出现遮罩现象,但是很适合做会到顶部的功能 [性能优化] 页面中读取属性会导致页面...reflow(下次会对导致页面reflow和repaint 的操作做一个总结),过度的reflow会导致页面性能下降,所以我们应该尽量减少reflow的次数,以便给用户更好的体验。

    2K70

    HTTP请求返回415错误码定位解决

    今天在工作中,发现我再调用外部API接口的时候,发现一个奇怪的问题,就是我Eclipse中写代码调用外部API接口时返回HTTP状态码是415,但是我将相同的报文放在HttpRequester里面请求的时候却又可以拿到正常返回结果...首先我们还是看下HTTP的状态码关于415返回码的说明吧。...但是为什么我在HttpRequester中没有自己设置头字段却可以正常拿到返回报文,为了解决这个疑问,我决定对HttpRequester发送出去的报文进行抓包分析,下面是抓包的结果。...这时候才发现原来根本原因在这呢,应该是HttpRequester在发送请求的时候帮我们自己去做了一些处理,如果发送的是json数据自动帮我们加上了Content-Type字段的声明,从而能够正常返回结果

    3K20

    小程序在“页面B”更改title,返回页面A”仍会显示“页面B”的title

    最近在做小程序的时候遇到这么一个有趣的问题,就是从A页面跳转到B页面,如果B页面需要在接口加载之后更改title, 并且如果接口请求过慢,还灭有请求完毕时就点击返回按钮回到A页面,这时B页面的请求会继续执行...,并在执行完毕后修改了A页面的title。...# 原因 个人猜想,小程序本身属于单页面应用,代码的运行权限没有处理好,就像上面这种情况,B页面的代码穿越到了A页面的环境里面,并且执行。...# 解决 既然B页面的请求方法可以在A页面执行,那么在B页面的方法中获取的当前的页面路由时就有可能可以获取到A页面的路由,经过测试果然不出所料。...所以,可以这样来解决这个问题:在B页面的onLoad中获取当前页面路径,应该是/b,然后在方法中再次获取当前路径,可能是/b,也可能是/a, 若是/a,则是上面提到问题情况,这个时候就不用取改变title

    1.5K10
    领券