`
c_fanatic
  • 浏览: 66259 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

如何让页面加载完成后直接定位到某个地方

阅读更多
今天的EEI模块的story是在EEI Creation页面上点击Add Commodity时候,页面重新load。要求
能让scrollbar直接定位到bottom,这样用户就可以直接定位到新加的commodity部分。
UCD Team同事介绍说可以用js结合<a/>来实现:


<a name="come here">跳转到这里</a>

则可以在jquery的ready里头添加如下代码:
$(document).ready(function() {
   window.location.href = "#come here";  //注意有个#
});

参考如下URL:
http://www.webdeveloper.com/forum/archive/index.php/t-49820.html
location.hash is better
http://programming.top54u.com/post/Javascript-Location-Hash-with-Example.aspx
分享到:
评论

相关推荐

    JS如何实现在页面上快速定位(锚点跳转问题)

    在网页设计中,尤其是在内容较多、页面较长的情况下,合理使用锚点可以提高用户体验,让用户快速定位到感兴趣的内容区域。 锚点跳转主要可以通过两种形式实现:一种是使用传统的a标签配合name属性,另一种是使用a...

    h5下拉刷新上拉加载滚动条位置

    如果他们在完成操作后返回原列表,理想情况下,页面应该自动滚动到他们离开时的位置,让用户能够无缝继续浏览。 3. **下拉刷新与上拉加载**:这两种交互模式是移动Web开发中的重要特性。下拉刷新通常用于更新当前...

    WPS加载项离线安装实例和本地安装方法

    "wpsai.7z"文件很可能包含了某个WPS加载项的源代码或者预编译的文件,解压后,开发者可以研究其结构和实现,学习如何构建自己的加载项。此外,"打开jsaddons目录.bat"可能是一个批处理文件,用于快速打开WPS的...

    Selenium 模拟浏览器动态加载页面的实现方法.pdf

    当遇到动态加载的页面时,传统的HTTP请求可能无法获取完整的页面数据,因为这些数据是在页面加载后通过JavaScript动态生成的。Selenium提供了解决这一问题的方法,下面我们将详细探讨如何使用Selenium模拟浏览器动态...

    js瀑布流图片加载提示

    【JavaScript瀑布流图片加载提示】是一种常见的网页设计技术,它以多列布局显示内容,每列的高度不固定,使得内容自上而下流式填充页面,就像瀑布一样。这种布局方式在图片展示、商品列表等场景中非常常见,能够有效...

    jquery页面定位导航

    在这个例子中,我们首先在文档加载完成后绑定点击事件到导航菜单中的链接。当用户点击链接时,我们阻止其默认行为(跳转到新页面),然后计算出目标元素(如 ID 为 `section1` 的元素)相对于文档顶部的位置,并使用...

    jquery页面位置定位导航菜单

    最后,为了让导航菜单在页面加载时也能正确显示当前所在的部分,我们需要在文档加载完成后,检查滚动位置,并应用相应的高亮: ```javascript $(document).ready(function() { // ...(之前的代码) // 页面加载...

    js 定位到某个锚点的方法

    例如,如果你需要在完成某种操作(如表单提交或按钮点击)后立即定位到锚点,`window.location.hash`可能是更好的选择,因为它避免了不必要的页面重载。而如果你需要完全改变URL并确保每次访问都跳转到锚点,那么`...

    jQuery商城常用楼层定位菜单代码

    同时,页面加载完成后,可以使用`$(document).ready(function() {...})`来初始化楼层定位菜单,确保所有元素加载完毕后进行设置。 在提供的文件中,`index.html`是包含HTML结构和样式展示的文件,而`js`文件则包含...

    ASP无刷新加载更多1.2【支持本地调试】

    ASP无刷新加载更多的技术主要指的是在网页中实现数据的分页加载,而无需每次点击或滚动页面时都完全重新加载整个页面。这种技术通常应用于新闻列表、社交媒体动态、论坛帖子等场景,能显著提高用户体验,减少服务器...

    参会回执web页面实时定位底部信息

    此外,考虑到可能存在的异步加载内容,如图片或其他动态加载的数据,可能导致页面高度在加载过程中发生变化,开发者还应添加额外的监听机制,以便在内容加载完成后即时更新底部信息的位置。 在压缩包中的...

    滚动条刷新定位

    2. **恢复滚动位置**:在页面加载完成后,根据之前记录的滚动位置信息,调整滚动条到相应的位置。 #### 三、实现方法 下面详细介绍一种常见的实现方式,即使用JavaScript来实现滚动条刷新定位。 ##### 3.1 记录...

    动态加载用户控件(包块页面和导航)

    这个方法返回一个用户控件的实例,可以被添加到页面的某个容器控件中,如`PlaceHolder`或`ContentPlaceHolder`,从而使用户控件在页面上显示。 3. 可以设置加载的用户控件的一些属性,或者调用其方法,以便初始化或...

    jQuery下实现等待指定元素加载完毕(可改成纯js版)

    当遇到这样的情况时,直接操作这些元素会导致代码无法正常工作,因此需要一种方法来确保元素已经加载到DOM中,再进行后续操作。 在提供的代码实现中,作者给出了一个jQuery插件jQuery.fn.wait的定义,该插件能够...

    jquery的网页引导页设计,利用dom来定位,支持html格式数据,也支持把内容直接写在html中.zip

    - 初始化:在页面加载完成后,获取所有引导元素,并设置初始状态。 - 动态添加:根据HTML内容或者数据创建提示元素,添加到DOM中。 - 定位:通过jQuery的DOM操作,将提示元素定位在目标元素附近。 - 显示/隐藏:...

    ESL浏览器端的模块加载器支持延迟定义和AMD

    AMD允许模块和它们的依赖关系同时加载,而不是等待一个模块完全加载后再加载下一个。这在处理多个脚本文件时非常有效,尤其是在网络环境较慢的情况下,可以显著提升页面的响应速度。RequireJS是AMD规范的一个知名...

    CSS+Js定位与相对定位

    在网页设计中,CSS(层叠样式表)和JavaScript(JS)是两个至关重要的技术,它们共同作用于页面元素的定位和交互。本主题主要探讨的是CSS中的定位机制,特别是相对定位,以及如何通过JavaScript来进一步调整元素的...

    css3超炫loading加载特效.zip

    加载特效在网页设计中扮演着至关重要的角色,它们在内容加载期间提供反馈,提高用户体验,使用户感知到网站的响应速度。 1. CSS3关键帧动画(@keyframes): CSS3中的@keyframes规则允许我们定义一个动画的过程,...

    CSS3实现的28款炫酷页面加载动画特效源码.zip

    在网页设计领域,用户体验是至关重要的,而页面加载动画正是提升用户体验的一种巧妙方式。这个名为“CSS3实现的28款炫酷页面加载动画特效源码”的资源集合,提供了多种利用CSS3技术创建的动态加载效果,使得用户在...

Global site tag (gtag.js) - Google Analytics