ASP.NET页面内跳转无刷新-- window.location.hash

最新推荐文章于 2025-05-06 10:27:02 发布

天一生水water

最新推荐文章于 2025-05-06 10:27:02 发布

阅读量2.8k

点赞数

CC 4.0 BY-SA版权

分类专栏：软件开发文章标签： ASP.NET 页面跳转

本文链接：https://blog.youkuaiyun.com/Metal1/article/details/39495297

软件开发专栏收录该内容

132 篇文章

订阅专栏

本文详细阐述了在线考试系统中如何通过改进JavaScript代码实现用户点击试题编号后，页面无需刷新即可跳转至对应试题的方法。通过对比原始与优化后的代码，解释了使用`location.hash`替代`location.href`进行页面定位的技术原理及效果，旨在提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在开发在线考试系统中，需要实现用户点击右边的试题编号时就跳转到该页面的某一试题

刚开始使用

$("input[type='button']").live("click", function () {//设置页面BUTTON按钮的CLICK事件
var btnid = $(this).attr("id"); //获得按钮的value
if (btnid != undefined && btnid != null) {
var id = btnid.substring(6, btnid.length);
window.location.href = "OnLineExam.htm?#label" + id; //光标跳转到对应的题目

}
});

后来发现，第一次点击，整个页面要刷新，原来浏览器刚开始地址是

http://OnLineExam.htm

点击某一题号后，比如35号，变为

http://OnLineExam.htm？#label35

所以导致页面刷新，后来改用

$("input[type='button']").live("click", function () {//设置页面BUTTON按钮的CLICK事件
var btnid = $(this).attr("id"); //获得按钮的value
if (btnid != undefined && btnid != null) {
var id = btnid.substring(6, btnid.length);

window.location.hash = "label" + id; //光标跳转到对应的题目
}
});

就OK了

location是javascript里边管理地址栏的内置对象，比如location.href就管理页面的url，用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。比如http://domain/#admin的location.hash="#admin"。利用这个属性值可以做一个非常有意义的事情。