1

好的，这是我的问题...我有两页。在第一页上，我有一个标题 ( h2) 元素，我想在该元素上应用边框样式。第二页只有一个链接。当点击第二页的链接时，要导航到第一页，它应该在第一页上围绕h2标签创建一个边框。

关于如何做到这一点的任何想法？是否可以使用常规的 JavaScript 或 jQuery 来实现？

谢谢！

4

4 回答 4

1

这将是一种非常愚蠢的方法，但可以在客户端进行。我会认真建议在服务器端进行。

在第 2 页上，使用哈希链接回第 1 页：

<a href="/page1#border">Go back to page one and add a border</a>

在第 1 页上，检查是否有哈希：

if (window.location.hash === '#border') {
    $('h2').addClass('withBorder');
}
于 2012-12-20T18:15:15.653 回答
1

我认为，如果您正在寻找这种情况，您可以通过将一些哈希传递给 url 来实现它：

我passed a hash named 'second'在second page url并将这个脚本放在第二页

$(function(){
    var url=window.location;
    var hash = url.hash.substr(1);
    if(hash == "second"){
       $('h2').css('border','solid 1px red');
    }
});

如果有帮助，请查看此内容。

于 2012-12-20T18:19:08.670 回答
1

不，JavaScript 是客户端的，为此您需要服务器记住是否单击了链接，可能通过将其记录在数据库或会话变量中。

当然，如果您使用的是网站的传统模型，而不是加载已经使用纯 JS 的页面。

于 2012-12-20T17:57:07.880 回答
0

好吧，有一种方法可以用 JavaScript 做到这一点，尽管它很棘手，而且服务器端要容易得多。您需要使用一些 JavaScript 来加载不同的页面，而无需刷新整个 DOM。我用一个叫做pjax的东西来做这个。它的工作方式是让每个页面都充当一个容器，通过 ajax 加载所有后续页面。如果不重新加载整个页面，您在一个页面上所做的任何样式更改都会转移到其他页面（这不会在实际的浏览器刷新后继续存在）。

于 2012-12-20T18:00:21.807 回答