0

我一直在为我开始开发的桌面应用程序组合一个网页，我真的很想利用 HTML5 技术和 JavaScript 的动态内容。基本上，如果一个人在他们的浏览器中访问“根”页面（index.php，或只是目录名称），信息、关于、常见问题解答和联系表格的部分都将可见（联系表格除外；点击其部分的标题将触发一个 jQuery 动画来显示它）。在页面的左侧，我有一个基本导航，其中包含指向主页、关于、常见问题和联系方式的链接。这些链接的锚点是“#!/home”、“#!/about”、“#!/faq”和“#!/contact”（分别）。单击其中之一时，JavaScript/jQuery 将隐藏除页眉、页脚、以及 hashbang 所属的部分（对于联系表单，它还将删除该部分标题的点击处理程序，因为当它是唯一的内容时，它不需要也不应该被隐藏这页纸）。目前我正在使用这个：

window.onload = (function() {
    switch(location.hash) {
    case "#!/contact":
        $("body > *:not(section#contact, nav, header, footer)").hide();
        $("#contact > #labels, #contact > form").slideDown('slow');
    // and similar for the other hashbang URIs
    }

    if (location.hash == "#!/" || location.hash == "#!/home" || !eval(location.hash)) {
        $("a[href='#!/contact']").click(function() {
            $("#contact > #labels, #contact > form").slideDown('slow');
        });
    }
    // similar for the other hashbangs
});

我几乎可以肯定有更好的方法可以做到这一点，而且我还想确保该页面及其动态内容可以被 Google 的机器人正确抓取。我应该使用 PHP 来正确执行此操作吗？怎么会这样？

谢谢！

4

1 回答 1

1

Chris Coyier 的这个关于 CSS 技巧的视频教程介绍了一些最佳实践来实现这样的东西。一个要点是确保您的应用程序在打开或不打开 javascript 的情况下都能正常工作。

于 2011-10-31T04:29:22.010 回答