Javascript 根据 URL 改变显示

发布于 2024-12-01 05:20:32 字数 414 浏览 1 评论 0原文

我的页面上有 4 个具有唯一 ID 的 div。外部链接示例: www.website.com/page.html#one

我需要将显示(设置为无)更改为阻止。我有点不知所措(我的 JavaScript 不是很强)。有什么想法吗?下面是我用来解析 url 的代码,div id 实际上只是 onetwoThree>四

$(document).ready(function() 
{
    var hashVal = window.location.hash.split("#")[1];

    $("#" + hashVal).style.display = 'block';

});

I have 4 div's on the page with unique ID's. Example external link:
www.website.com/page.html#one.

I need the display (set to none) to change to block. I'm at a bit of a loss (my JavaScript isn't very strong). Any ideas? Below is the code I'm using to parce the url, and the div id's are literally just one, two, three, and four.

$(document).ready(function() 
{
    var hashVal = window.location.hash.split("#")[1];

    $("#" + hashVal).style.display = 'block';

});

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

快乐很简单 2024-12-08 05:20:32

如果您要将哈希标记用作选择器,则无需将哈希标记拆分为哈希标记。 (请参阅 这些文档

并且,对于 jQuery,您正在寻找 css 我相信的方法:

$(window.location.hash).css('display','block');

There's no need to split the hash tag by the hash mark if you're going to use it as a selector. (see these docs)

And, for jQuery, you're looking for the css method i believe:

$(window.location.hash).css('display','block');
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文