-2

我正在编写一个应用程序，一个具有文件夹和文件层次结构的报告器，在较低的层次结构级别有两种类型的报告：简单的报告是一个平面（非链接）报告，它显示为一个简单的行。第二种类型是在标题中带有一般描述的链接，如果您点击链接，您将获得完整的报告。

示例：如果我运行 telnet 命令，我将在标题中看到该命令，如果我想查看与设备的整个会话，我将按下链接并显示它。

我的问题是大多数这些行文件都很小，但是操作系统为每个文件保留了最小空间，所以我白白浪费了很多磁盘空间。我想要实现的解决方案是一个“虚拟”链接，它将被呈现并且表现得像一个常规链接，但实际上会像它们的“父”一样存储在同一个文件中（可能还有很多像它们这样的其他链接）。

到目前为止，我看到的解决方案仅用于在页面内“跳转”，但这不是我想要的，我希望它像一个单独的文件一样呈现，我不希望“父”文件在全部（查看它的唯一方法是按下链接，即使那样它也只会显示此信息而不显示其他文件内容）。

有什么想法吗？

4

1 回答 1

1

要链接到网页中的特定部分，请在您希望用户单击链接时转到的位置放置一个锚链接：

<a name="anchor"></a>

并链接到它：

Click <a href="#anchor">here</a>

如果需要，您可以用更具描述性的名称替换“锚”。

隐藏/显示 div（以下代码未经测试，但应该可以工作）

JQuery 解决方案（如果您使用的是 JQuery）：

function toggle(divname) {
    $(divname).toggle();
}

对应的 HTML：

<div id="content">some content</div>
<a onclick="toggle('content')">Click here to show/hide the content div!</a>

非jQuery解决方案：

function toggle(divname) {
    var adiv = document.getElementById(divname);
    if (adiv.style.display === 'block' || adiv.style.display === '') {
        adiv.style.display = 'none'; 
    } else {
        adiv.style.display = 'block'
    }
}

的HTML：

<div style="display:hidden" id="content">Content</div>
<a onclick="toggle('content')">Click here to show/hide the content div!</a>
于 2012-06-13T05:09:44.493 回答