`

JS定位到元素所在位置

阅读更多

前两天开发一个功能,显示所有记录之后,对某一条记录操作之后,返回之后记录操作位置,想了想用锚点吧,但是返回来之后发现弹出来的框太大啦,显示不全,想想只能在操作之前完全记录操作位置,于是百度了一下,有如下结果: 

一。锚点的使用方法: 
在页面中定义锚点:<a name="aHref"></a><strong> 

操作之后在请求url之后加上‘#aHref’ 即可。 
如:document.forms.searchForm.action="${ctx}/mbv/mbvManage.do?method=closeMBV#aHref";

二.精确确定位置: 

//取得滚动条的位置: 
function getScroll() { 
    var t; 
    if (document.documentElement && document.documentElement.scrollTop) { 
        t = document.documentElement.scrollTop;      
    } else if (document.body) { 
        t = document.body.scrollTop; 
    } 
    return t; 



然后将getScroll()值传过去,然后set到request中。 

在页面的onload事件中调用: 
var height = "${height}"; 
if('' != height) {
  window.scroll(0,height);     


即可实现完全定位。 

js windows对象和方法 
http://apps.hi.baidu.com/share/detail/20580927 

 

 

本文来源于:http://tangwenchao86.iteye.com/blog/1390181

分享到:
评论

相关推荐

    JS获取文本框光标位置、选中起始位置、终止位置、选择内容

    在JavaScript中,可以通过`element.selectionStart`属性来获取当前光标所在的位置。这个属性返回的是一个整数,表示用户在文本框中光标所在的字符索引。例如: ```javascript const input = document....

    CSS网页布局教程:绝对定位和相对定位

    - **文档流**:绝对定位元素脱离了正常文档流,而相对定位元素仍然存在于文档流中,不影响其他元素的布局。 - **影响范围**:绝对定位会影响其所在层的所有元素,而相对定位仅影响自身。 ### 实践应用 1. **创建弹...

    JavaScript获取,设置光标位置,兼容InputTextArea

    // 设置光标位置到末尾 input.selectionStart = input.value.length; input.selectionEnd = input.value.length; ``` 如果要在特定位置插入文本,可以先保存旧的光标位置,插入文本,然后更新光标位置: ```...

    js锚点定位

    当用户点击这个链接时,浏览器会滚动到具有相应`id`的元素所在的位置。 ### JavaScript锚点定位的实现 虽然HTML的`&lt;a&gt;`标签已经提供了基本的锚点定位功能,但有时候我们需要用JavaScript进行更复杂的控制,例如...

    javaScript动态添加Li元素的实例

    在delBtnData函数中,我们通过obj参数获取当前事件发生的节点,并使用两层parentNode来定位到li元素,然后将其从DOM树中移除。 整体而言,本示例中演示了使用JavaScript动态操作DOM的技术,这是前端开发中的基础...

    jquery页面位置定位导航菜单

    本教程将详细讲解如何使用jQuery实现页面位置定位导航菜单,使得用户点击菜单时能直接滚动到页面对应的位置。 首先,我们需要一个包含多个锚点(anchor)的HTML结构,每个锚点对应页面中的一个特定部分。例如: ``...

    IE中使用的JS脚本调试器,可以自动定位JS脚本错误的位置,并进行调试

    这些信息可以帮助开发者快速定位问题所在。 在源面板中,你可以: 1. 单击错误行号,直接跳转到出错的代码行。 2. 使用断点功能。在代码行号前单击,设置断点。当执行到断点时,脚本会暂停,方便检查变量值、调用...

    8.H5元素定位1

    这些页面的元素定位与原生Android控件的定位方式有所不同,主要涉及到上下文(Context)的概念。本文将详细探讨这个问题。 首先,了解什么是上下文(Context)。在Android开发中,Context可以被理解为应用程序运行...

    通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位

    将这个值设置为`container`的`scrollTop`属性值后,滚动条会立即移动到目标子元素所在的位置。 另外,如果希望滚动操作有动画效果,让用户体验更为平滑,可以使用`animate()`方法。`animate()`方法可以在一个指定的...

    javascript google地图覆盖物+定位城市名称

    4. **定位与获取城市名**:API 提供了获取用户当前地理位置的功能,并可以解析出用户所在的城市名称。这通常通过浏览器的Geolocation API 和 Google Maps API 的geocoding服务实现。当用户同意分享位置时,可以显示...

    js 定位到某个锚点的方法

    在这段代码中,`"#firstAnchor"`是你要跳转的锚点的ID,当你运行这段代码时,浏览器会立即滚动到页面上ID为`firstAnchor`的元素所在的位置。 方法2:使用`window.location.hash` `window.location.hash`属性返回URL...

    IE 行144 错误 找不到元素

    - **检查代码**:首先,需要定位到错误发生的具体行号144,查看此处的JavaScript代码,检查是否有拼写错误或引用了未创建的元素。 - **延迟执行**:可以使用`window.onload`或`$(document).ready`(jQuery)来确保...

    js导航栏A标签锚点跳转

    点击链接后,浏览器会自动滚动到`id`为`section1`的元素所在的位置。 然后,JavaScript可以通过监听`a`标签的点击事件来控制平滑滚动效果,而不是立即跳转。这通常涉及到`addEventListener`函数来绑定事件处理程序...

    html5地图定位

    同时,还会在地图上添加一个标注,表示用户所在位置。 5. **处理获取位置信息失败的情况**: ```javascript function handleError(value) { switch (value.code) { case 1: alert("位置服务被拒绝"); break; ...

    js 中的selection对象使用笔记+光标定位

    这篇博客文章“js中的selection对象使用笔记+光标定位”深入探讨了如何利用`Selection`对象来处理文本选择和光标位置。在网页开发中,这个功能常常用于实现复制、剪切、粘贴等操作,或者创建富文本编辑器。 首先,...

    【JavaScript源代码】JavaScript 获取滚动条位置并将页面滑动到锚点.docx

    `scrollIntoView`是DOM Level 2规范中的方法,用于滚动到元素所在位置。其基本语法如下: ```javascript element.scrollIntoView(behavior, block, inline); ``` 其中,`behavior`参数可以设定滚动动画的效果,如`...

    jquery页面位置定位导航.rar

    本资源"jquery页面位置定位导航.rar"似乎关注的是利用jQuery实现网页中的页面位置定位导航功能,这在创建长滚动页面或单页应用时尤其有用。以下是对这个主题的详细讲解: 1. **页面定位导航基础** 在网页设计中,...

    自动定位位置+三级联动地址选择html

    4. **JavaScript编程**:JavaScript是实现这个功能的核心,它负责处理用户的交互事件,如点击定位按钮时调用地理位置API,以及处理下拉菜单的联动逻辑。通常会有一个或多个函数来处理AJAX请求,从服务器获取数据,并...

    定位到省市代码

    可以看到,这里使用了`&lt;div&gt;`标签来布局页面,并通过`&lt;span&gt;`元素展示地理位置信息。这些信息将由之前异步加载的脚本填充。 ### 3. IP地址查询服务 文档还展示了如何通过不同的服务提供商查询IP地址信息: #### ...

Global site tag (gtag.js) - Google Analytics