`

页面回发后,让页面自动滚动到指定位置的一种简单的方法

 
阅读更多

页面回发后,让页面自动滚动到指定位置的一种简单的方法

文本Tag: 微软 sql

【技术文档】 

  最近某客户做实施,顺便完善一下程序。突然找到了一个老问题的解决方法。 

  就是当用户按一个按钮后,希望回发后的页面滚到一个指定的位置,而不是页面的开头部分。以前看过一篇文章介绍了一种方法,当时也没有理解,也没有记录下来,现在又遇到了这个问题,还是自己想一个简单点的方法吧。 

  博克园里的“最新评论”里的链接,点击后打开的页面会直接滚动到指定的评论而不是帖子一开始的位置。 

  那么就用这种方法了,看了一下HTML代码,发现有这一类的标签
<a id="a001" href="#001" name="001"></a>
  原来奥秘就在 name="001"这里,在这里作一个“标记”,然后单击这个连接的时候就会自动滚动到这里。 

  ok了,就是他了。那么怎么触发这个js的单击事件呢?很简单,在页面加载完毕之后执行这个js语句就可以了 

document.getElementById("a001").click(); 

  等等,并不是每一次看这个页面都要自动滚动者这个标签上呀,怎么办呢?这也好办,再加一个标志就可以了。 

  我们再加一个文本框来记录这个标志。
<asp:TextBox id="Txt_A" runat="server" Width="72px"></asp:TextBox>
function myLoad() { var a = document.getElementById("Txt_A").value; if (a != "") { document.getElementById("a001").click(); } }
  当文本框里有值的时候,我们就触发这个事件,没有值的话就不用了。 

  等等好像还有一个问题,如果在同一个页面里,需要根据不同的情况,跳到不同的位置怎么办呀。这个也简单。 

  我们多做几个 <a>标签,标记多个位置,然后要跳到哪里就把对应的 <a>标签的ID放在文本框里面。在稍微修改一下js函数就可以了。 
function myLoad() { var a = document.getElementById("Txt_A").value; if (a != "") { document.getElementById(a).click(); } }
  当然了,要在后置代码里面根据需求给文本框赋值。

分享到:
评论

相关推荐

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -在AJAX回发后确保Asp.net的按钮控件仍然具有AJAX的特性。 -更新/basic/login.aspx示例,使用验证图片(feedback:kedee)。 -为Grid增加AutoPostBack属性和RowClick事件,示例在/data/grid_autopostback.aspx...

    ExtAspNet_v2.3.2_dll

    -在AJAX回发后确保Asp.net的按钮控件仍然具有AJAX的特性。 -更新/basic/login.aspx示例,使用验证图片(feedback:kedee)。 -为Grid增加AutoPostBack属性和RowClick事件,示例在/data/grid_autopostback.aspx...

    AutoPlay_Menu_Builder6.0.1328注册版

    选定一种控件,然后点击设计窗口中的目标位置,或者在设计窗口中按下鼠标画出一个目标矩形,就可以在设计窗口中添加一个新控件。  如果需要添加多个相同类型的控件,可以在选定控件类型时按住 SHIFT 键。这样,当...

    AutoPlay_Menu_Builder5.5.0.1328注册版

    选定一种控件,然后点击设计窗口中的目标位置,或者在设计窗口中按下鼠标画出一个目标矩形,就可以在设计窗口中添加一个新控件。  如果需要添加多个相同类型的控件,可以在选定控件类型时按住 SHIFT 键。这样,当...

    WP主题:HotNewspro 2.72

    开启后,上传图片会自动生成三张裁剪后的140×100、400×248、236×155的缩略图,选择“作为特色图像”后(如下图),会自动调用到相应的缩略图位置。 ■ 导航菜单 主题顶部及页脚各有一个导航菜单,必须使用WP的...

    ymprompt消息提示组件4.0【js插件弹出框美化版】

    第一种即传统的参数传入,按照顺序传入相应的参数值即可(一定要按照顺序),对于不需要设定的值请传入null。如ymPrompt.alert('内容',null,null,'标题') 参数顺序:message,width,height,title,handler,...

    网际畅游 MyIE 3.0 源代码

    浏览模式:浏览模式为MyIE中的设置的一种组合,大家可在不同的时候使用不同的模式。目前设有自定义,标准,和新闻三种。使用中对设置的修改会自动保存在自定义模式中。 设置页面背景色:可改变页面的背景色方便...

    整个页面的屏幕截图「Full Page Screen Capture」-crx插件

    *没有膨胀,没有广告,没有不必要的权限,只是将整个网页变成图像的一种简单方法。* *新功能:*先进的屏幕捕获技术可以处理复杂的页面,包括内部可滚动元素以及嵌入式iframe,与以往不同任何其他扩展名。 如果您遇到...

    jsp编程技巧集锦

    把一种格式(如yyyy-mm-dd)的日期变量转换成另外一种格式(如dd-mm-yyyy)的日期变量! 33. 实现在页面上添加一行输入对话框 34. 制作验证码图片? 35. 图片缩小放大功能 36. 点击输入框弹出日期选择?...

    asp.net知识库

    遭遇 ASP.NET 2.0 只读 TextBox 回发后信息丢失的 bug asp.net2.0:扩展ImageButton控件定制自己需要的功能 ASP.NET 2.0 正式版中无刷新页面的开发(示例代码的补充) ASP.NET2.0中themes、Skins轻松实现网站换肤! ...

    基于python selenium实现B站直播弹幕和礼物信息爬虫源码+项目操作说明.zip

    直播间网页页面可容纳的弹幕和礼物数据是有限的,且这些数据不断地在更新增加,超过一定量后,将会发生滚动覆盖。 程序每隔一段时间读取一次页面数据,若页面数据没有超出容量,则两次获取的数据在后段会有部分...

    手机理财JAccount V2.0.8最新版

    ☆ 随着手机的普及和手机技术的发展,人们对手机应用需求越来越多样化,其中应用手机软件进行理财活动就是其中一个较热门的应用,手机理财(JAccount)就是这样一种软件。与大部份的手机记帐软件的功能只集中在[收入]...

    javascript学习笔记.docx

    其实,它是Location类的一个实例,它还有一个reload()方法可以装载信的URL(用Back按钮不能回退到原页面)。 12) history属性可看成是代表历史URL的一个特殊数组,它的可读length属性表明数组的长度。支持三种方法...

    会计理论考试题

    13.微机的键盘是一种分离式的智能键盘,通过电缆与主机连接。( Y ) 14.计算机的常用输出设备有打印机和键盘。( N) 15.汉字语音识别输入技术属于汉字智能输入技术。( Y ) 16.硬盘安装在主机箱内,一般用符号C:...

    word使用技巧大全

    ★自动滚动,我可以 23 ★让文档中的图片更瘦一些 23 ★让WordXP的启动随心所欲 24 ★使用手写识别功能 24 ★Word快捷键 24 ★用Word绘图时如何选择多个对象 26 ★绘图技巧 26 ★综合利用各种艺术效果 27 ★自定义新...

    第一届计算机培训资料.pptx

    使用最后一种方法时,系统直接打开指定的文档。使用前3种方法时,系统会弹出【打开】对话框。 第一届计算机培训资料全文共110页,当前为第16页。 (二) 文档的创建与编辑 2、文档的保存、打开与关闭 (4)关闭文档...

    CMS 网站管理系统 源码

    9、DIGG功能:Digg中文翻译为“鼎革”,或者“顶格”, 它采取的是用户驱动的机制,通过一种类似民主投票的方式来表示对信息的支持和认可,使得被digg多的信息脱颖而出,出现在digg页面上。众多用户对此功能的评价是...

Global site tag (gtag.js) - Google Analytics