gpt4 book ai didi

javascript - 使用javascript跳转到命名 anchor

转载 作者:行者123 更新时间:2023-11-30 10:50:36 25 4
gpt4 key购买 nike

我有一个 php (codeigniter) 程序,可以显示工程公司的所有已完成项目。我可以单击详细信息页面,然后从那里我可以单击一个链接返回到概览页面。为了避免再次从列表的顶部开始,我想跳转到我来自的项目。这看起来很容易,但它给我带来了问题。我在 Internet 上找到了适用于 Chrome 但不适用于 Firefox 和 IE 的解决方案:

<script type="text/javascript" language="javascript">
function moveWindow (){window.location.hash="a13";}
</script>
<body onload="moveWindow()">
.
.
.
<a name="a13"></a>

anchor 的内容由 PHP 动态生成。正如我所说,它仅适用于 Chrome。当我进入 Debug模式时,IE 显示类似未定义函数 moveWindow 的内容。

最佳答案

您可以将一个函数附加到详细信息点击,将 URL 更改为 currentURL#yourID,然后将其更改为最终 URL。这样,currentURL#yourID 将存储在浏览器的历史记录中,返回将让您找到正确的 anchor 。

类似于(假设您使用 jQuery 并且您的 ID 在 <a> 上):

$(document).ready( function() {
$('#yourlist a').click( function(e) {
e.preventDefault();
window.location = '#'+$(this).attr('id');
window.location = this.href; // intentionally not using jQuery ;-)
});
});

HTML 看起来像:

<ul id="yourlist">
<li><a href="details_page_for_item_1.html" id="a1">Item 1</a></li>
<li><a href="details_page_for_item_2.html" id="a2">Item 2</a></li>
<li><a href="details_page_for_item_3.html" id="a3">Item 3</a></li>
</ul>

未测试...

关于javascript - 使用javascript跳转到命名 anchor ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5583848/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com