如何设置链接外观和感觉但没有文件的链接(链接的内容将与链接在同一文件中)

时间:2012-06-13 05:05:35

标签: html

我正在编写一个应用程序,一个文件夹和文件的层次结构的记者,在较低的层次结构级别中有两种类型的报告:简单的一种是平面(非链接)报告,呈现为单个简单的行。 第二种类型是标题中包含一般描述的链接,如果按下该链接,您将获得完整的报告。

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

我的问题是大多数这些内联文件都很小,但操作系统为每个文件保留了最小的空间,所以我没有丢失很多磁盘空间。 我想要实现的解决方案是一个“虚拟”链接,它将被呈现并将表现得像常规链接,但实际上将存储在同一个文件中,就像它们的“父”一样(可能还有很多类似其他链接)。 / p>

到目前为止我看到的解决方案只是在页面内“跳”但这不是我想要的,我希望它像一个单独的文件一样呈现,我不希望“父”文件呈现这个信息(通过按下链接看到它的唯一方法,即使那时它只会显示这些信息,而不是其他文件内容)。

任何想法的人?

1 个答案:

答案 0 :(得分:1)

要链接到网页中的特定部分,请在用户点击链接时将锚点链接放在您希望的位置:

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

并链接到:

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

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

<小时/> 隐藏/显示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>