功能实现：点击一个链接进入另一个链接所指向的内容

最新推荐文章于 2022-05-08 15:08:41 发布

原创最新推荐文章于 2022-05-08 15:08:41 发布 · 3k 阅读

1 ·

CC 4.0 BY-SA版权

HTML 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个简单的HTML页面示例，通过点击Click here按钮，利用JavaScript触发Download链接的点击事件，实现页面内部跳转并下载文件的功能。此方法适用于网页内部导航与资源下载场景。

功能：点击"Click here"，进入"Download"所链接的部分。

html part 1:

<a id="list-download" href="#download">Download</a>

<a id="download_jump" href="#" onclick="click_download()">Click here</a>

html part 2:

<div id="download">
    <h4>Download</h4>
</div>

javascript:

<script>
    function click_download()
    {
        document.getElementById("list-download").click();
        //$("#list-download").trigger("click");//Jquery的实现方法，trigger传入的参数，指示你要触发的是什么事件。
    }
</script>